event中几个坐标问题

/*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坐标
*/
原文地址:https://www.cnblogs.com/jackhuclan/p/1150095.html