js之完全兼容ie与firefox的拖动层代码[测试好用]

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
下面是一些参考内容，直接查看上面的代码代码
先添加一个div层
复制代码代码如下:
<div id="pop-editor" style="width: 520px;height:430px;border:1px solid red;position: absolute;left:100px;top:200px;" onmousedown="down（event）" onmouseup="up（）">asdfdsf</div>

JavaScript代码如下：
复制代码代码如下:
var posX;
var posY;
var popDiv;
var dragable;

function down（e）{
    popDiv = document.getElementById（"pop-editor"）;
    e = e || window.event; //如果是IE
    posX = e.clientX - parseInt（popDiv.style.left）;
    posY = e.clientY - parseInt（popDiv.style.top）;
    dragable = true;
    document.onmousemove = move;
}

function move（ev）{
    if（dragable == true）{
        ev = ev || window.event;//如果是IE
        popDiv.style.left = （ev.clientX - posX） + "px";
        popDiv.style.top = （ev.clientY - posY） + "px";
    }
}

function up（）{
    dragable = false;
}

兼容了IE/FireFox,其他的浏览器没试过。在IE中，event可以不用显示调用，全部用window.event就可以了，但是在FireFox中，必须显示event调用，也就是在调用函数的时候要带上event参数，如down（event），在函数中也要判段event是在IE还是在FireFox下，ev = ev || window.event，如果在IE下，ev就是window.event，如果在FireFox下，ev就是event，这样就兼容了IE和Firefox

这里补充一下，在div中要设置left top position，position要是绝对的。