美文网首页
H5 drag & drop简介

H5 drag & drop简介

作者: lmmy123 | 来源:发表于2017-08-14 13:48 被阅读50次

1.可拖拽——设置属性 draggable

<div draggable = "true"></div>

浏览器支持:

IE9+,FF,opera,chorme,safari

2.事件

拖放什么 ondragstart 和setData()    event.dataTransfer.setData("Text", event.target.id)

放到何处  ondragover   event.preventDefault()

进行放置   ondrop  event.preventDefault();var data = e.dataTransfer.getData("Text");dom操作


相关文章

网友评论

      本文标题:H5 drag & drop简介

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