js:事件对象中的7种坐标

简介: js:事件对象中的7种坐标

三大类:

相对于当前点击元素

相对于当前浏览器

相对于整个显示器

7种坐标

1、窗口坐标:clientX、clientY

相对于用户浏览器的左上角的xy坐标

也就是窗口坐标,不包括工具栏、滚动条


2、layerX、layerY

鼠标相对于目标元素最近的具有absolute/relative定位元素的位置,包含border


3、movementX、movementY

两个鼠标移动事件间隔中当中鼠标移动的相对坐标


4、offsetX、offsetY

相对你点击那个dom的左上角x、y坐标


5、文档坐标:pageX、pageY

相对于当前浏览器,也就是文档左上角x、y坐标,包括被卷去的body那部分长度


6、屏幕坐标:screenX、screenY

相对于用户显示器的左上角xy坐标


7、x、y

和【1】一样

相关文章
|
7月前
|
JavaScript 前端开发 UED
JavaScript学习 -- 事件对象学习
JavaScript学习 -- 事件对象学习
45 0
|
JavaScript 前端开发 UED
JavaScript学习 -- 事件对象学习
JavaScript学习 -- 事件对象学习
41 0
|
2月前
|
JavaScript 前端开发
JavaScript 事件对象
JavaScript 事件对象
33 2
|
1月前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
81 10
|
4月前
|
JavaScript 前端开发 API
JavaScript的事件对象
JavaScript的事件对象
31 0
|
JavaScript
js获取屏幕上圆和椭圆的点坐标
js获取屏幕上圆和椭圆的点坐标
js获取屏幕上圆和椭圆的点坐标
|
JavaScript
js获取元素相对于document的坐标
js获取元素相对于document的坐标
56 0
|
JavaScript
js中 事件流与阻止冒泡 事件对象.stopPropagation()
js中 事件流与阻止冒泡 事件对象.stopPropagation()
|
前端开发 JavaScript 开发者
前端祖传三件套JavaScript的DOM之事件的事件对象
在前端开发中,事件处理是非常重要的一部分。JavaScript 中的 DOM 事件机制提供了丰富的功能和灵活的方式来处理各种事件,并且事件对象是其中不可或缺的一部分。本文将介绍 JavaScript 中的事件对象。
118 0
|
JavaScript
js基础笔记学习244事件对象
js基础笔记学习244事件对象
80 0
js基础笔记学习244事件对象