js拖拽原理和碰撞原理

2023-06-09,,

拖拽原理
onmousedown 选择元素
onmousemove 移动元素
onmouseup 释放元素

1:如果拖拽的时候有文字:被选中,会产生问题
原因:当鼠标按下的时如果页面中有文字或者图片被选中的时候,则会发生文字默认可以被拖动,因此
标准 :e.preventDefalut();
阻止他的默认行为 非标准的阻止默认行为
非标准:window.event.returnValue=false;

2:给某元素设置全局捕获,当我们给一个元素设置全局捕获,那么这个元素会监听后续发生的所有事件,当有事件发生的时候,就会被当前设置了全局捕获的元素触发
obj.setCapture();

碰撞原理:
检测位置重合或者边重合

拖拽改变层大小

js拖拽原理和碰撞原理的相关教程结束。

《js拖拽原理和碰撞原理.doc》

下载本文的Word格式文档,以方便收藏与打印。