H5 drag & drop简介

2017-08-14  本文已影响50人  lmmy123

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操作


上一篇 下一篇

猜你喜欢

热点阅读