如何防止 HTML 頁面上的圖片拖曳？

在 HTML 頁面上停用圖片拖曳

將圖片合併到網頁中時，通常希望防止使用者拖曳它們。本文深入研究了解決此問題的解決方案。

要停用映像拖曳，可以使用 ondragstart 事件。透過將此事件設定為對指定圖像傳回 false，可以有效地停用拖曳。

document.getElementById('my-image').ondragstart = function() { return false; };

此程式碼透過 HTML 元素的 ID 將 ondragstart 事件指派給該元素，在本例中為 my-image。當使用者開始拖曳圖像時，會觸發該事件，而 return false 語句會阻止預設的拖放行為。

對於使用 jQuery 的用戶，可以採用稍微不同的方法：

$('img').on('dragstart', function(event) { event.preventDefault(); });

此程式碼將回調函數綁定到所有 的 Dragstart 事件。頁面上的元素。當拖曳影像時，jQuery 呼叫 event.preventDefault() 來抑制拖曳功能。

以上是如何防止 HTML 頁面上的圖片拖曳？的詳細內容。更多資訊請關注PHP中文網其他相關文章！