JavaScript HTML DOM screenX 鼠标事件属性

• 

  screenX 鼠标事件属性

  当触发事件时，screenX属性返回鼠标指针的水平坐标（根据用户计算机屏幕）。

  提示：要获取鼠标指针的垂直坐标（根据屏幕），请使用screenY属性。

  注意：此属性是只读的。

  在元素上单击鼠标按钮时，获取鼠标指针相对于屏幕的坐标：

  var x = event.screenX;     // 获取水平坐标
  var y = event.screenY;     // 获取垂直坐标
  var coor = "X 坐标: " + x + ", Y 坐标: " + y;
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  screenX	支持	支持	支持	支持	支持

• 

  语法

  event.screenX
• 

  技术细节

  项目	描述
  返回值：	一个数字，表示鼠标指针的水平坐标，以像素为单位
  DOM版本	DOM Event Level 2

• 

  更多例子

  演示了clientX和clientY以及screenX和screenY之间的区别：

  var cX = event.clientX;
  var sX = event.screenX;
  var cY = event.clientY;
  var sY = event.screenY;
  var coords1 = "client - X: " + cX + ", Y coords: " + cY;
  var coords2 = "screen - X: " + sX + ", Y coords: " + sY;
  

  尝试一下
• 

  相关页面

  HTML DOM参考：MouseEvent clientX属性

  HTML DOM参考：MouseEvent clientY属性