美文网首页
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