TIPS:尝试点击页面的任何一个位置,可以来查看pageX/pageY坐标和layerX/layerY坐标的区别:

这是一个非绝对定位的元素,所以点击这里面的任意一个位置,基本上会返回相同的 layerX/layerY和pageX/PageY 值.
这是一个绝对定位的元素,所以点击此元素内部返回的layerX/layerY的值是相对于这个绝对定位的元素的左上角的坐标。但是pageX\pageY 的值依旧是想对整个文档的位置坐标,并且包括页面滚动后的位置。即pageX\pageY 依旧是相对整个文档的。
当前点击位置的父元素id:
pageX: pageY:
layerX: layerY:

此form也是绝对定位元素