<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><style>#parent {width:600px; height:20px; background:#CCC; position:relative; margin:10px auto;}#div1 {width:20px; height:20px; background:red; position:absolute; left:0; top:0;}</style><script>window.onload=function (){ var oDiv=document.getElementById('div1'); var oParent=document.getElementById('parent'); var disX=0; oDiv.onmousedown=function (ev) { var oEvent=ev||event; disX=oEvent.clientX-oDiv.offsetLeft; document.onmousemove=function (ev) { var oEvent=ev||event; var l=oEvent.clientX-disX; if(l<0) { l=0; } else if(l>oParent.offsetWidth-oDiv.offsetWidth) { l=oParent.offsetWidth-oDiv.offsetWidth; } oDiv.style.left=l+'px'; }; document.onmouseup=function () { document.onmousemove=null; document.onmouseup=null; }; return false; //chrome、ff、IE9 };};</script></head><body><div id="parent"> <div id="div1"></div></div></body></html>
1 回答
舞歌
TA贡献8条经验 获得超1个赞
var oEvent=ev||event; disX=oEvent.clientX-oDiv.offsetLeft; document.onmousemove=function (ev) { var oEvent=ev||event; var l=oEvent.clientX-disX;
这个，你是不理解var oEvent=ev||event;这一句吗？
这就是ev存在就赋值ev，如果不存在就赋值event。
添加回答
举报
0/150
提交
取消