js ie中实现拖拽
获取鼠标移动信息
开始我们需要获取鼠标的坐标.我们添加一个document.onmousemove 就可以达到此目的:
Javascript:
-
-
document.onmousemove = mouseMove;
-
-
function mouseMove(ev){
-
ev = ev || window.event;
-
var mousePos = mouseCoords(ev);
-
}
-
-
function mouseCoords(ev){
-
if(ev.pageX || ev.pageY){
-
return {x:ev.pageX, y:ev.pageY};
-
}
-
return {
-
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
-
y:ev.clientY + document.body.scrollTop - document.body.clientTop
-
};
-
}
-
我们首先要声明一个 evnet 对象,无论移动、点击、按键等,都会激活一个 evnet ,在 Internet Explorer 里, event 是全局变量,会被存储在 window.event 里. 在 firefox 或者其他浏览器,event 会被相应的函数获取.当我们将mouseMove函数赋值于document.onmousemove,mouseMove 会获取鼠标移动事件。
为了让 ev 在所有浏览器下获取了 event 事件,在Firefox下"||window.event"将不起作用,因为ev已经有了赋值。在 MSIE 中 ev 为空,所以得到 window.event 。