解決火狐瀏覽器拖拽打開新窗口的問題


火狐瀏覽器實現拖拽有2個坑:

1、在dragstart事件中,必須要使用ev.dataTransfer.setData(),否則,即使在html中設置了元素 draggable=true,拖拽也是無效的。

dragstart: function (ev) {
    ev.dataTransfer = ev.originalEvent.dataTransfer;
    var domId = ev.target.id;
    
    ev.dataTransfer.setData("domId",domId);

},

2、火狐拖放后,總會默認打開百度搜索,如果是圖片,則會打開圖片。
解決辦法:
在drop事件中增加阻止事件冒泡。

dragDrop: function (ev) {
    ev.stopPropagation();
    ev.preventDefault();
    ev.dataTransfer = ev.originalEvent.dataTransfer;
    //do something
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM