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  解决火狐问题

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容