js 鼠标事件的位置x，y

时间：2023-04-05 13:14:14浏览次数：40

1. clientX和clientY与x，y

clientX和clientY与x，y一样的，都是客户当前显示的屏幕上（反之可能被卷去）可视区域坐标，指鼠标的坐标，以浏览器显示网页区域的左上角开始，x,y是新浏览器支持

2. offsetX，offsetY

offsetX，offsetY 针对目标元素（就是被点击的元素）

offsetX offsetY是相对于触发元素不包含border的坐标，点击元素的border 时，他是负值

3. layerX,layerY

layerX,layerY 往上找有定位属性的父元素的左上角（自身有定位属性的话就是相对于自身），都没有的话，就是相对于body的左上角

4. pageX， pageY

pageX， pageY相对页面左上角的距离（包含了卷去的部分）

5. screenX screenY

相对屏幕(就是电脑屏幕)左上角的位置

标签：鼠标,元素,offsetX,offsetY,js,事件,左上角,坐标
From： https://www.cnblogs.com/sqmw/p/17289203.html

关于python中使用json.load()从json文件中读取数据转换成字典
在json模块中，我们可以经常会用到load()与loads()，其中两者的区别如下json.load()从json文件中读取数据转抱为dict类型json.loads()将str类型的数据转换为dict类型这里笔者主要说明json.load()的用法，举例说明，如下有一json文件,ip-ranges.json，内容如下：这里我们将使用json.load(......
Javascript模块化编程（三）：require.js的用法
这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分......
Python爬虫 execjs执行js报错json.decoder.JSONDecodeError: Expecting value: line 1
fun=re.search(r'(__=\([\S\s]*?;)<',r_text).group(1)fun=fun+'functionget(){returnJSON.stringify(__.data)}'ctx=execjs.compile(fun)rdata=(ctx.eval('get()'))报错json.decoder.JSONDecodeError:Expectingvalue:line1col......
js 修改当前的css
CSSStyleSheet.insertRule()CSSStyleSheet.insertRule(".red::before{color:lightgray;content:"测试"}",0)CSSStyleSheet.addRule()已经移除废弃stylesheet.deleteRule(index)CSSStyleSheet.replace()详情见官网https://developer.mozilla.org/......
js dom className classList
classListdom.classList.contains('black')//删除blackdom.classList.remove('black')//新增.reddom.classList.add('red')classNameletcName=elementNodeReference.className;elementNodeReference.className=cName;详情见官网......
从一个电影网站项目学习[前台显示端]—Vue.js
本篇文章通过一个完整的电影介绍和电影资源发布网站的项目，过一遍Vue.js。通过前面章节的介绍http://www.shanhubei.com/tag/vue或在本平台下的相关文章了解一下。(ps本人是通过工具编辑器编写，同步在多个平台上)项目源码：github：https://github.com/shanhubei/vue_movie_example......
js高级
判断：typeof判断null、object、array的结果均是object，即判断返回均是对象类型，所以typeof是不能判断出null、object与array这三种数据类型的instanceof可以判断检测对象的具体类型，注意使用方法：要检测的对象 instanceof 相应对象类型，若要检测对象属于相应的对象类型，则......
js dom 类型判断
Node对象中的nodeName获取指定节点的节点名称(返回的是大写字母表示的)Node对象中的nodeType获取指定节点的节点类型元素节点属性节点文本节点123Node对象中的nodeValue获取指定节点的值详情见官网：https://developer.mozilla.org/......
用nvm管理nodejs版本
1 nvmgithub下载地址：https://github.com/coreybutler/nvm-windows/releases，2 输入nvm-v或nvmv检查是否安装成功3.nvm的使用nvmoff//禁用node.js版本管理(不卸载任何东西)nvmon//启用node.js版本管理nvminstall<version......
事件监听
JavaScriptHTMLDOM事件监听程序(w3school.com.cn)事件监听事件: HTML事件是发生在HTML元素上的“事情”。比如:按钮被点击鼠标移动到元素之上按下键盘按键事件监听: JavaScript 可以在事件被侦测到时执行代码事件绑定方法一&方法二： ......

js 鼠标事件的位置x，y

clientX和clientY与x，y一样的，都是客户当前显示的屏幕上（反之可能被卷去）可视区域坐标，指鼠标的坐标，以浏览器显示网页区域的左上角开始，x,y是新浏览器支持

offsetX，offsetY 针对目标元素（就是被点击的元素）

layerX,layerY 往上找有定位属性的父元素的左上角（自身有定位属性的话就是相对于自身），都没有的话，就是相对于body的左上角

pageX， pageY相对页面左上角的距离（包含了卷去的部分）

相对屏幕(就是电脑屏幕)左上角的位置

相关文章

赞助商

阅读排行

js 鼠标事件的位置x，y

clientX和clientY与x，y一样的，都是客户当前显示的屏幕上（反之可能被卷去）可视区域坐标，指鼠标的坐标，以浏览器显示 网页 区域的左上角开始，x,y是新浏览器支持

offsetX，offsetY 针对目标元素（就是被点击的元素）

layerX,layerY 往上找有定位属性的父元素的左上角（自身有定位属性的话就是相对于自身），都没有的话，就是相对于body的左上角

pageX， pageY相对页面左上角的距离（包含了卷去的部分）

相对屏幕(就是电脑屏幕)左上角的位置

相关文章

赞助商

阅读排行

clientX和clientY与x，y一样的，都是客户当前显示的屏幕上（反之可能被卷去）可视区域坐标，指鼠标的坐标，以浏览器显示网页区域的左上角开始，x,y是新浏览器支持