js event尺寸值

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/boonyaxnn/article/details/89218024

1、var box = document.querySelector('.box');

 console.log(event.clientX);//当前视口的坐标X
 console.log(event.clientY);//当前视口的坐标Y

 console.log(event.pageX);//鼠标在当前界面内的坐标X
 console.log(event.pageY);//鼠标在当前界面内的坐标Y

 console.log(event.screenX);//鼠标在当前屏幕左顶点的坐标X
 console.log(event.screenY);//鼠标在当前屏幕左顶点的坐标Y

2、 event.button:获取鼠标按下的是哪个按键
 非IE浏览器：
     鼠标左键 0
     鼠标中键 1
     鼠标右键 2
 IE浏览器
     鼠标左键 1
     鼠标中键 4
     鼠标右键 2
 */

box.onmousedown = function () {
    console.log(event.button);
}