码迷,mamicode.com
首页 > Web开发 > 详细

js拖拽原理和碰撞原理

时间:2016-12-28 17:26:47      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:就会   鼠标   监听   als   sem   选择   产生   capture   碰撞   

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

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

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

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

拖拽改变层大小

js拖拽原理和碰撞原理

标签:就会   鼠标   监听   als   sem   选择   产生   capture   碰撞   

原文地址:http://www.cnblogs.com/llcMite/p/6229719.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!