2012-03-19 124 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