H5拖放事件及选择器

新的选择器

             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拖放事件及选择器)