禁用从HTML页面拖动图像可以通过在图像元素上设置CSS属性draggable
为false
来实现。
示例代码:
<img src="image.jpg" draggable="false" />
在这个示例中,draggable="false"
属性被添加到<img>
元素中,这将禁止用户从页面上拖动图像。
如果您想要在整个网站上禁用图像拖动,可以在CSS样式表中添加以下代码:
img {
user-drag: none;
-webkit-user-drag: none;
}
这将禁止用户从任何图像拖动到其他位置。
此外,如果您想要在特定的图像上禁用拖动,可以使用JavaScript代码来实现:
document.querySelectorAll('img').forEach(function(img) {
img.setAttribute('draggable', 'false');
});
这段代码将遍历所有的图像元素,并将draggable
属性设置为false
,从而禁用图像拖动。
领取专属 10元无门槛券
手把手带您无忧上云