美文网首页
H5拖放事件及选择器

H5拖放事件及选择器

作者: w_01 | 来源:发表于2017-06-14 23:47 被阅读0次

    新的选择器

                 querySelector             querySelectorAll

    设置元素可以拖放

                 draggble  属性         设置为true      元素就可以拖放了     火狐不支持

    拖拽元素事件

                 ondragstart  :拖拽前触发

                 ondrag :拖拽中连续触发

                 ondragend :拖拽结束触发

    目标元素事件

                ondragenter :移入目标元素时触发

                ondragover :移入目标元素后连续触发

                ondragleave :离开目标元素触发

                ondrop :在目标元素释放鼠标触发

    事件的执行顺序

                1、dragstart  > darg  > dragenter  > dragover  > dragleave  >  dragend

                2、drop  触发的时候(dragover的时候阻止默认事件)

                dragstart  >  drag  >  dragenter  >  dragover  >  drap  >  dragend  解决火狐问题

    相关文章

      网友评论

          本文标题:H5拖放事件及选择器

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