function resize(){//传入拖动块的引用
for(var i in arguments){
arguments[i].οnmοusedοwn=function(edown){
var pnode=edown.target.parentNode;
var pwidth=pnode.clientWidth;
move=function (emove){ //此时move为全局变量,注意
pnode.style.width=pwidth+emove.clientX-edown.clientX+"px";
if(pwidth+emove.clientX-edown.clientX<50){ //最小宽度为50px
document.removeEventListener("mousemove",move,1);
}
}
document.addEventListener("mousemove",move,1);
}
arguments[i].οnmοuseup=function(){
document.removeEventListener("mousemove",move,1);
}
}
}
注释中提到的“拖动块”是指下图红色的元素,一般开发结束之后会把该元素设为不可见