2019-03-01 记录HTML拖放事件drag火狐不兼容问题

作者: 毛里求斯的一休哥 | 来源:发表于2019-03-01 14:48 被阅读0次

需要两步：

1.drop事件阻止默认事件

drop (event) {

event.preventDefault ()

}

2.在@dragstart事件中添加 e.dataTransfer.setData('imgInfo', item);

drag: function (e,name,type) {

let userAgent = navigator.userAgent

let ifFirefox = userAgent.indexOf('Firefox')

if (ifFirefox) {

e.dataTransfer.setData('imgInfo',name) //imgInfo名字可以随便定义

}

this.dragTreeName = name

this.dragTreeId = type

},

2019-03-01 记录HTML拖放事件drag火狐不兼容问题
需要两步： 1.drop事件阻止默认事件 drop (event) { event.preventDefault...
hmtl5 拖放研究
参考文章：HTML Drag and Drop API 拖放事件拖放事件有 dragstart, drag, d...
HTML5 拖放笔记
HTML5拖放（Drag 和 Drop）拖放（Drag 和 drop）是 HTML5 标准的组成部分。拖放拖...
HTML5拖放
1、HTML5 拖放（Drag 和 Drop）拖放（Drag 和 drop）是 HTML5 标准的组成部分。拖...
HTML5 拖放（Drag 和 Drop）
HTML5 拖放（Drag 和 Drop）拖放（Drag 和 drop）是 HTML5 标准的组成部分。将w3...
HTML5中的图片拖放
拖放函数： 1.HTML5拖放 Drag拖和drop放是HTML5标准的组成成分 2.拖放开始： ondragst...
HTML5 之 Drag
拖放事件 HTML4 通过mousedown mousemove mouseup 来实现拖放 HTML5 拖放事件...
htm5 学习第二天
HTML5拖放（Drag 和 Drop）拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5...
HTML5拖放API附带示例
拖放（Drag 和 drop）是HTML5标准的组成部分拖放拖放是一种常见的特性，即抓取对象以后拖放到其他位置...
学习笔记-拖放/地理定位-2017.2.10
一、HTML5 拖放（Drag 和 Drop） 1、设置元素为可拖放首先，为了使元素可拖动，把 draggabl...

网友评论

本文标题：2019-03-01 记录HTML拖放事件drag火狐不兼容问题

本文链接：https://www.haomeiwen.com/subject/ycuduqtx.html

2019-03-01 记录HTML拖放事件drag火狐不兼容问题