/*event中几个坐标问题*/
function test()
{
alert("event.clientX="+event.clientX+"---event.clientY="+event.clientY);
alert("event.offsetX="+event.offsetX+"---event.offsetY="+event.offsetY);
alert("event.x="+event.x+"---event.y="+event.y);
alert("event.screenX="+event.screenX+"---event.screenY="+event.screenY);
}
/*
<div id="parent" style="border:1px solid #000000;400px;height:200px">
<div id="child" onmouseover="test()" style="border:1px solid #000000;200px;height:100px">
asdfasdf
</div>
</div>
event.clientX,event.clientY 指鼠标在客户端区域的x,y坐标
event.offsetX,event.offsetY 指鼠标偏离引起该事件的对象的x,y距离
event.x,event.y 鼠标相对父元素的x,y坐标
event.screenX,event.screenY 鼠标相对整个屏幕的x,y坐标
*/
function test()
{
alert("event.clientX="+event.clientX+"---event.clientY="+event.clientY);
alert("event.offsetX="+event.offsetX+"---event.offsetY="+event.offsetY);
alert("event.x="+event.x+"---event.y="+event.y);
alert("event.screenX="+event.screenX+"---event.screenY="+event.screenY);
}
/*
<div id="parent" style="border:1px solid #000000;400px;height:200px">
<div id="child" onmouseover="test()" style="border:1px solid #000000;200px;height:100px">
asdfasdf
</div>
</div>
event.clientX,event.clientY 指鼠标在客户端区域的x,y坐标
event.offsetX,event.offsetY 指鼠标偏离引起该事件的对象的x,y距离
event.x,event.y 鼠标相对父元素的x,y坐标
event.screenX,event.screenY 鼠标相对整个屏幕的x,y坐标
*/