資料結構
網路
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-6 月-2020
10K+ 瀏覽
廣告