鼠标拖拽小析

一、原理：

onmousedown ==>选择元素

onmousemove ==>移动元素

onmouseup ==>释放元素

二、问题：

　　拖拽的时候，如果有文字被选中，会产生问题

　　原因：当鼠标按下的时候，如果页面中有蚊子被选中，那会触发浏览器默认拖拽文字的效果。当拖拽图片也会产生问题。

解决：

　　标准：阻止默认行为：return false；

　　非标准：全局捕获；

元素.setCapture（） ==>是指全局捕获，当给一个元素设置全局捕获后，那么这个元素就会监听后续发生的所有事件，当事件发生的时候，就会被当前设置了全局捕获的元素触发。

兼容性：

IE：有，并且有效果；

ff：有，但无效果；

chrome：没有（报错）

三、解决方法：

eg:

转载于:https://www.cnblogs.com/fengxiaopiaoer/p/5636121.html