首頁 > 文章 > web前端 > 在HTML中，不使用JS阻止影像可拖曳或可選擇的方法

在HTML中，不使用JS阻止影像可拖曳或可選擇的方法

PHPz轉載: 2023-09-03 08:09:061263瀏覽

將以下程式碼片段新增到圖像屬性中，並防止圖像被拖曳和選擇。

img {  
   user-drag: none;  
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}

雙擊文字或圖像時，它會被反白（選定）。使用者選擇屬性可用於防止這種情況。透過將此屬性設為 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://www.tutorialspoint.com/images/python3.png" alt = "Python" width = "62" height = "62">
   </body>
</html>

以上是在HTML中，不使用JS阻止影像可拖曳或可選擇的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html JS

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：如何使用HTML和CSS建立定價表？下一篇：如何使用HTML和CSS建立定價表？

看更多