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

PHPz
發布: 2023-09-03 08:09:06
轉載
1295 人瀏覽過

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

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

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中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板