首頁 > web前端 > css教學 > 如何防止 HTML 中的圖像拖放?

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

Susan Sarandon
發布: 2024-11-02 10:16:30
原創
966 人瀏覽過

How to Prevent Image Drag and Drop in 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中文網其他相關文章!

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