禁用拖放(draggable属性)

JS Disable drag and drop (draggable attribute)

本文关键字：属性 draggable 拖放      更新时间：2023-09-26

使用这个方法，我的页面上有一些元素可以从一个列拖到另一个列。

我希望能够使拖动永久。也就是说，一旦一个元素被拖动(或者被丢弃)一次，它就不能再被拖动了。

我尝试使用setAttribute将draggable设置为false，但这似乎不起作用。

那么你怎么能(使用普通的旧JS，没有jQuery的东西)禁用元素的可拖动能力?

我实际上搜索了这个，只发现关于禁用拖放文件和其他东西到页面上的东西，这不是我要问的。提前感谢。

在您引用的W3Schools页面上-将此传递到控制台:

document.getElementById('drag1').setAttribute('draggable',false);

然后尝试拖动该元素。我想你会发现它是有效的;)

如果你提供你的代码，我将帮助你调试。

你可以尝试在html标签中添加ondragstart="return false;" ondrop="return false;"来禁用拖拽&下降。希望这对你有帮助:)

相关文章：