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

相关文章:

  • 2021-12-07
  • 2021-12-02
  • 2022-12-23
  • 2022-12-23
  • 2021-12-10
  • 2021-11-20
  • 2022-12-23
  • 2021-10-04
猜你喜欢
  • 2021-08-02
  • 2021-11-03
  • 2022-12-23
  • 2021-12-20
  • 2021-12-13
  • 2022-01-13
  • 2022-12-23
相关资源
相似解决方案