js拖拽原理和碰撞原理

Posted llc-Mite

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js拖拽原理和碰撞原理相关的知识,希望对你有一定的参考价值。

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

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

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

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

拖拽改变层大小












以上是关于js拖拽原理和碰撞原理的主要内容,如果未能解决你的问题,请参考以下文章

JS拖拽效果的原理及实现

js拖拽效果的原理和实现

JS拖拽元素原理及实现代码

js拖拽效果的原理及实现

js学习笔记28----拖拽

04:JS 拖拽功能的实现