拖放是一个非常互动和用户友好的概念,它可以更轻松地通过拖动对象将其移动到不同的位置。它允许用户在元素上单击并按住鼠标按钮,将其拖到另一个位置,然后松开鼠标按钮将元素放在那里。在 HTML 5 中,拖放更容易编码,并且其中的任何元素都是可拖动的。默认情况下,链接和图像是可拖动的。大多数网站都启用了此功能。谷歌甚至允许用户使用图像拖放功能(也称为图像拖动功能)进行图像搜索。
此功能使用户可以单击任何图像,然后将其拖到别处。这将创建单击图像的透明副本,同时将原始图像保留在其位置。但是,可以使用 JavaScript/jQuery 禁用图像拖动功能。
方法 1:此方法使用 jQuery 将 dtraggable 属性设置为 false。
句法:
$('#myImage').attr('draggable', false);
例子:
How to disable dragging an image
from an HTML page using JQuery?
GeeksforGeeks
Click on the button to
disable dragging an image
输出:
方法 2:此方法使用 JavaScript 将 dtraggable 属性设置为 false。
句法:
document.getElementById('myImage').draggable = false;
例子:
How to disable dragging an image
from an HTML page using JQuery?
GeeksforGeeks
Click on the button to
disable dragging an image
输出: