將以下程式碼片段新增到圖像屬性中,並防止圖像被拖曳和選擇。
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中文網其他相關文章!