js event尺寸值

原创于 2019-04-11 19:21:13 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

90 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript获取鼠标事件中的各种坐标信息，包括视口坐标、界面坐标及屏幕坐标，并探讨了不同浏览器下鼠标按钮的识别差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);
}