function down(e) {
e = e || event;
if(!isLeftButton(e.button))
return;
mousedown = true;
oldmouse.x = e.clientX;
oldmouse.y = e.clientY;
oldpos.x = parseInt(win.style.left.replace("px", ""));
oldpos.y = parseInt(win.style.top.replace("px", ""));
}
松开
复制代码 代码如下:
function up(e) {
if(!isLeftButton(e.button))
return;
mousedown = false;
}
移动
这里就涉及到鼠标的两个事件：
按下和移动。当且仅当鼠标左键按下时，移动动作才有效。
窗口的新位置，是由鼠标在拖动状态下的移动距离（X和Y的距离）决定的。即：
新的鼠标位置送去按下左键时记录下的位置，得到一个距离，然后将窗口的位置加上鼠标移动的距离得到窗口的新位置。
复制代码 代码如下:
function move(e) {
if(!isLeftButton(e.button))
return;
if(mousedown) {
e =e || event;
newpos.x = e.clientX - oldmouse.x;
newpos.y = e.clientY - oldmouse.y
win.style.left = (oldpos.x + newpos.x) + "px";
win.style.top = (oldpos.y + newpos.y) + "px";
}
}
事件处理都写好了，最后来给元素绑定上吧，阿门！
复制代码 代码如下:
bind("mouseover", over);
bind("mouseenter", over);
bind("mouseout", out);
bind("mouseleave", out);
bind("blur", out);
bind("mousedown", down);
bind("mouseup", up);
bind("mousemove", move);
不过在FF中的拖动有问题，只能第一次正常拖动，后面就有点乱了！
您可能感兴趣的文章: