js拖拽原理和碰撞原理
Posted llc-Mite
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js拖拽原理和碰撞原理相关的知识,希望对你有一定的参考价值。
拖拽的原理
onmousedown 选择元素
onmousemove 移动元素
onmouseup 释放元素
1:如果拖拽的时候有文字:被选中,会产生问题
原因:当鼠标按下的时如果页面中有文字或者图片被选中的时候,则会发生文字默认可以被拖动,因此
标准 :e.preventDefalut();
阻止他的默认行为 非标准的阻止默认行为
非标准:window.event.returnValue=false;
2:给某元素设置全局捕获,当我们给一个元素设置全局捕获,那么这个元素会监听后续发生的所有事件,当有事件发生的时候,就会被当前设置了全局捕获的元素触发
obj.setCapture();
碰撞原理:
检测位置重合或者边重合
拖拽改变层大小
以上是关于js拖拽原理和碰撞原理的主要内容,如果未能解决你的问题,请参考以下文章