时间戳

首页 > 解决方案 > 如何禁用图像拖动带有 Javascript 的元素？

javascript - 如何禁用图像拖动带有 Javascript 的元素？

问题描述

<picture>使用元素时，我无法禁用图像拖动。我过去曾将其<img>与成功的元素一起使用。我不确定为什么它不能与<picture>.

HTML 代码：

<picture class="thumb">
<source class="nodrag" srcset="image.webp" type="image/webp">
<source class="nodrag" srcset="image.gif" type="image/gif">
<img class="thumb" src="image.gif">
</picture>

我的Javascript：

document.getElementsByClassName('thumb').ondragstart = function () { return false; };
document.getElementsByClassName('nodrag').ondragstart = function () { return false; };

以上没有奏效。是否有另一种方法可以禁用元素的拖动以防止用户拖动以保存图像？

标签： javascript

解决方案

不确定它是否适用于您的用例，但您是否尝试过 HTML可拖动属性？

<img class="thumb" src="image.gif" draggable="false">

推荐阅读