JavaScript event.screenY

红太狼 2020-05-26 14:58 572阅读 0赞

# JavaScript event.screenY

此事件属性可返回事件发生时鼠标指针相对于屏幕的垂直坐标。

屏幕的左上角是坐标系原点位置，向左是x轴正方向，向下是y轴正方向。

这里一定要注意的是，此属性返回的是相对于显示器屏幕的坐标，而不是浏览器客户区。

简单图示如下：

![](/images/1590505078806.jpg)

图示说明如下：

（1）.蓝色的是显示器平台木，我们获取的就是鼠标在此屏幕形成的坐标系中的坐标。

（2）.屏幕的左上角是坐标系原点位置，向左是x轴正方向，向下是y轴正方向。

（3）.千万不要误解为获取的是在浏览器中的坐标。

语法结构：

```javascript
event.screenY
```

**浏览器支持:**

（1）.IE浏览器支持此属性。

（2）.edge浏览器支持此属性。

（3）.火狐浏览器支持此属性。

（4）.Opera浏览器支持此属性。

（5）.谷歌浏览器支持此属性。

（6）.safria浏览器支持此属性。

**实例代码：**

```html
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.dandelioncloud.cn/" />  
<title>蒲公英云</title> 
<style type="text/css"> 
#ant{ 
  width:200px; 
  height:200px; 
  background-color:green; 
  margin:0px auto; 
} 
</style> 
<script> 
window.onload=function(){ 
  var odiv = document.getElementById("ant");
  var ospan=document.getElementById("span"); 
  odiv.onmousemove = function zuobiao(event) {
    ospan.innerHTML = "坐标值:X:" + event.screenX + " Y:" + event.screenY;
  } 
} 
</script> 
</head> 
<body style="text-align:center"> 
<div id="ant"></div> 
<span id="span"></span> 
</body> 
</html>
```

当在绿色div中移动鼠标指针时候，会在span元素中实时显示鼠标指针在屏幕中的坐标。

发表评论取消回复

表情：

评论列表（有 0 条评论，572人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaScript】-----初始JavaScript

> 分享第十八条励志语录 > > 最美好的不是未来，是今天。阳光这么好，何必自寻烦恼。生活总会有个未来，就像四季更迭永远有春天一样，不急不躁，该有的都会有。人，最好的心

绝地灬酷狼/ 2024年04月01日 17:48/ 0 赞/ 86 阅读

相关 javascript 标签_JavaScript标签

javascript 标签 No matter how long you've been a JavaScript developer, there will always

比眉伴天荒/ 2023年02月21日 14:30/ 0 赞/ 57 阅读

相关 [JavaScript-1] JavaScript基础

一、JavaScrip介绍 1. JavaScript的定义 JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用

悠悠/ 2022年11月26日 05:59/ 0 赞/ 256 阅读

相关【JavaScript】什么是JavaScript？

终于学到了前端三剑客（HTML，CSS，JavaScript）之一的JavaScript。三剑客，团结一致，各司其职，共同完成网页前端的酷炫功能。 Htm

淡淡的烟草味﹌/ 2022年08月22日 05:48/ 0 赞/ 261 阅读

相关【JAVASCRIPT】JavaScript编程风格

JavaScript编程风格 2012-04-28 08:42 | 12263次阅读 | 来源：阮一峰的网络日志【已有40条评论】[发表评论][Link 1] | 作

矫情吗；*/ 2022年06月12日 08:21/ 0 赞/ 262 阅读

相关 [Javascript] Decorators in JavaScript

First, what is 'High Order function', basic just a function, inside the function return

你的名字/ 2022年03月27日 04:45/ 0 赞/ 233 阅读

相关 JavaScript

文章目录介绍和引入声明变量运算符逻辑结构数组数组的常用方法

桃扇骨/ 2021年12月22日 15:34/ 0 赞/ 264 阅读

相关 JavaScript

JavaScript：是基于对象和事件驱动的语言，运用于客户端基于对象：提供好了对象，直接拿过来就可以使用事件驱动：html网站静态效果，JavaScript网站动态效

待我称王封你为后i/ 2021年12月14日 13:47/ 0 赞/ 228 阅读

相关 javascript

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。可以直接嵌入HTML页面，但写成

向右看齐/ 2021年10月23日 18:30/ 0 赞/ 304 阅读

相关 JavaScript(01): JavaScript简介

> 1. JavaScript的历史 JavaScript诞生于1995年，如今全世界无数的网页在依靠它完成各种关键任务，JavaScript已经从过去装饰性的一种脚本语言转

怼烎@/ 2021年09月22日 07:32/ 0 赞/ 409 阅读