拖拽由三大事件组成:
onmousedown:选择元素
onmousemove:移动元素
onmouseup:释放元素
拖拽的时候,如果有文字被选中,会产生问题。
原因:当鼠标按下的时候,如果页面中有文字被选中,会触发浏览器默认拖拽文字的效果。
解决:
标准下:阻止默认行为
非标准ie下:用aInput[0].setCapture();设置全局捕获。当我们给一个元素设置全局捕获以后,那么这个元素就会监听后续发生的所有事件。当有事件发生的时候,就会被当前设置了全局捕获的元素所触发。
oDiv.releaseCapture(); //释放全局捕获
鼠标滚轮事件:
ie/chrome:onmousewheel
滚动方向:event.wheelDelta; 向上:120 向下:-120
firefox:DOMMouseScroll
必须用addEventListener来绑定事件,用on是不行的。
滚动方向:event.detail 向上:-3 向下:3