js拖拽原理和碰撞原理

2022-08-03 19:41:55

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

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

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