鼠标坐标的相关参数

  • clientX/Y
    clientX/Y获取到的是触发点相对浏览器可视区域左上角距离,不随页面滚动而改变。

  • pageX/Y
    pageX/Y获取到的是触发点相对文档区域左上角距离,会随着页面滚动而改变

  • offsetX/Y
    offsetX/Y获取到是触发点相对被触发dom的左上角距离,不过左上角基准点在不同浏览器中有区别,其中在IE中以内容区左上角为基准点不包括边框,如果触发点在边框上会返回负值,而chrome中以边框左上角为基准点。

  • screenX/Y
    screenX/Y获取到的是触发点相对显示器屏幕左上角的距离,不随页面滚动而改变。

猜你喜欢

转载自www.cnblogs.com/xiongxiaolong/p/10331143.html