获取鼠标右键的坐标

重要的属性和函数

event.clientX、event.clientY
鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性。

event.screenX、event.screenY
鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性

document.documentElement与document.body

• document代表的是整个文档(对于一个网页来说包括整个网页结构)，document.documentElement是整个文档节点树的根节点，在网页中即html标签；
• document.body是整个文档DOM节点树里的body节点，网页中即为body标签元素。
  我们通常会使用上面两个对象来获取clientLeft、clientTop、scrollLeft、scrollTop等等属性。

Element.getBoundingClientRect()
getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。

• rectObject.top：元素上边到视窗上边的距离;
• rectObject.right：元素右边到视窗左边的距离;
• rectObject.bottom：元素下边到视窗上边的距离;
• rectObject.left：元素左边到视窗左边的距离;

我们通过event事件获取到clientX、clientY坐标。一般情况已经足够使用，但是有些时候我们需要减去一个