資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究在不使用 JS 的情況下，防止 HTML 中的影像可拖動或可選
將以下程式碼段新增到影像屬性中，並防止拖動和選擇影像。
img {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}在文字或影像上雙擊後，文字或影像將突出顯示（選中）。可以使用 user select 屬性來防止這種情況。透過將此屬性設定為 none，我們可以防止選中（高亮顯示）我們的影像。
示例
你可以嘗試執行以下程式碼以防止選中影像 −
<!DOCTYPE html>
<html>
<head>
<style>
img {
-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
</style>
</head>
<body>
<img src = "https://tutorialspoint.tw/images/python3.png" alt = "Python" width = "62" height = "62">
</body>
</html>
更新於: 01-06-2020
10 千 + 瀏覽量
廣告