如何在Chrome中禁用拖放功能

How to disable drag/drop functionality in Chrome?

本文关键字:拖放 功能 Chrome      更新时间:2023-09-26

Chrome浏览器有一个奇怪的功能,当我拖动一个div或图像时,它会拖动该项目。例如,如果您转到http://www.google.com你可以拖动谷歌图片。

问题是,它扰乱了我的javascript事件。在javascript中,有没有办法禁用chrome/safari浏览器的此功能?

建议.preventDefault()的其他答案在Chrome(v26)中不适用。必须在图像上设置draggable='false' HTML5属性。FWIW我使用的是threedubmedia拖动jQuery插件(实际上是漂亮的更新的jdragdrop重新实现)。

调用

event.preventDefault();

在事件处理程序中应该禁用它。

参考

当我需要创建自己的拖放功能时,我也遇到了同样的问题。我使用了mousedown、mouseup和mousemove事件。我通过在mousedown事件处理程序中添加event.preventDefault();作为第一行来解决这个问题。