码迷,mamicode.com
首页 > 其他好文 > 详细

解决火狐浏览器拖拽打开新窗口的问题

时间:2018-02-11 12:34:33      阅读:366      评论:0      收藏:0      [点我收藏+]

标签:script   事件冒泡   logs   java   nsf   ble   source   事件   agg   

火狐浏览器实现拖拽有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
}

解决火狐浏览器拖拽打开新窗口的问题

标签:script   事件冒泡   logs   java   nsf   ble   source   事件   agg   

原文地址:https://www.cnblogs.com/liulei-cherry/p/8440609.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!