clientX、offsetX对于鼠标事件对象，如果不触发鼠标事件，则没有clientX、offsetX。
clientX (发生事件时鼠标指针相对于窗口左边界的水平坐标。 参照点位于浏览器内容区域的左上角，随着滚动条的移动而移动。
offsetX :触发事件时鼠标指针相对于所触发的标签元素的左内边框的水平坐标。
screenX :鼠标相对于用户屏幕的水平偏移。 此时的参照点，也就是原点是屏幕的左上角。
pageX :参考点是页面本身的body原点，而不是浏览器内容区域的左上角。 通过滚动条计算的值不会改变。 实际上，无论滚动条是否滚动，都会以body左上角的原点(页面本身的左上角，而不是浏览器显示区域的左上角)为注册点进行计算。 这相当于滚动条计算了滚动的高度或宽度
你可以自己写代码试试，自己加入其他元素
！ 尝试移动doctypehtmlhtmllang=' en ' headtitlemancuoj/title/head body p鼠标。/ppid=' screen-log '/pscriptletscreenlog=docum mm document.addevent listener (' mousemove '，logKey )； functionlogkey(e ) screen log.innertext=` screenx/y : $ { e.screenx }，$ { e.screeny } clientx/y 3: $ { e } } /script/body/html