如何防止 HTML 中的圖像拖放？

避免在HTML 中拖放圖像

如果您想在HTML 頁面上顯示圖像，但希望阻止用戶拖著它，你探索了各種解決方案都無濟於事。本文將引導您停用影像拖曳，從而在保持控制的同時調整大小。

使用其唯一的 ID 或類別輕鬆辨識影像。然後，為「ondragstart」事件指派一個事件偵聽器。在此事件處理程序中，傳回「false」以禁止瀏覽器的預設拖放行為。以下是使用普通JavaScript 的範例：

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

或者，如果您使用jQuery，則可以選擇以下程式碼：

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

透過實作這些技術，您將有效地停用HTML 頁面中的圖像拖曳，同時根據您的特定要求調整大小。

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