元素和鼠标事件的位置

元素

• 偏移量（包括所有内边距、滚动条和边框大小）（不包括外边距）：

  • offsetHeight：元素在垂直方向上占据的空间，包括元素高度、内边距、（可见的）水平滚动条的高度、上边和下边的边框高度

• offsetWidth：同上，水平方向

• offsetTop：元素在上外边框至包含元素的上内边框之间的距离

• offsetLeft：同上，左边

• 客户区大小（content+padding）：

  • clientHeight：元素内容区高度加上下内边距高度
  • clientWidth：同上，水平

• 滚动大小（content）：

  • scrollHeight：在没有滚动条的情况下，元素内容的总高度
  • scrollWidth：同上，总宽度
  • scrollLeft：被隐藏在内容区域左侧的像素数
  • scrollTop：同上，上方

鼠标事件

• 客户区坐标

  • event.clientX：鼠标指针在水平视口中的水平坐标
  • event.clientY：同上，垂直

• 页面坐标

  • event.pageX：相对于页面本身而非视口的水平坐标
  • event.pageY：同上，垂直

• 屏幕坐标

  • event.screenX：相对于整个屏幕的水平坐标
  • event.screenY：同上，垂直