火狐瀏覽器實現拖拽有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
}