2012-03-19 122 views
11

Chrome浏览器具有这种奇怪的功能,当我拖动div或图像时,它会拖动该项目。例如,如果您转到http://www.google.com,则可以拖动该Google图片。如何禁用Chrome中的拖放功能?

事情是,它搅乱了我的JavaScript事件。有没有办法,在javascript中禁用Chrome/Safari浏览器的这种功能?

+0

这是否有帮助 - http://stackoverflow.com/questions/704564/disable-drag-and-drop-on-html-elements – 2012-03-19 18:56:12

回答

5

在事件处理函数中调用

event.preventDefault(); 

应禁用。

Reference

0

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

8

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

+3

截至目前,这是正确的答案,而不是标记为 – jakubmal 2013-02-16 18:58:16

+1

这是使[锤子](https://github.com/EightMedia/hammer.js/)拖动和滑动事件正常工作 – tom 2013-08-07 18:33:05