js实现拖动层，兼容IE/FireFox

先添加一个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要是绝对的。

我怎么没试出来啊．．．．．．．．．IE/FireFox/Opera都试过了，不行．

怎么不行了？？我本地是可以的 ，在IE/FireFox下是可以兼容的，你有提示脚本错误吗？

不好意思  少了一个position: absolute;现在可以了

同时还要设置一下left和top，不然就得不到left和top，所以不行。

试问拖动的时候浏览器是在实时的刷新那个DIV么，还是只有停下来的时候才重画DIV

楼主，再加上边缘值判断更好，限制只在屏幕范围内移动

楼主 把down函数里的这句（e = e || window.event; //如果是IE）去掉， 但保留Move函数不变。 仍然支持ie, ff浏览器哦

很不错，不过我发现了一个问题。

在IE和FF中都会发生这样的情况，即鼠标移动速度稍快时，那个层就卡在某个地方不动了，然后你在层外松开鼠标。接着，鼠标再移到层上时，那个层又吸到鼠标上了，此时你的鼠标跟本没down，还是up的，这样你就可以移动鼠标而不是拖动便可以改变层的位置。

好像不能去掉，我用IE5.5/6/7/8均做了测试，好像必须使用window.event，不可以去掉它。