如何理解e.clientX和e.clientY e.screenX e.screenY
别人老是说e.clientX和e.clientY是可视区的坐标，后来我通过测试发现
e.clientX和e.clientY的坐标是你打开浏览器不是有一个方框吗？
你可以用鼠标直接点到他的最左边看它是不是0，如果是则说明是鼠标点击的地方与浏览器左边的边界线的距离。
你再点击浏览器左上角你看是不是0,0如果是说明clientX与clientY就是鼠标点击的地方与浏览器左边，顶部的边界的距离。
然后你再把浏览器窗口变小再试试，看看是不是相同结论，这里我只告诉如何去发现这些结论的方法，具体你自己探索。
e.screenX和e.screenY的坐标，依然是相同方法进行探索：
你会发现e.screenX再浏览器打开窗口最大化时是一个坐标，然后缩小窗口又是另一坐标，这不可能是上面结论，那么现在你利用鼠标点击你电脑屏幕的左边试一试。你发现是0，你再点击电脑的左上角试试，你发现是0，0
结论：对于你不理解的概念，你可以考虑它极端情形，例如前端的屏幕尺寸的情形就是电脑屏幕的四个角，浏览器窗口的四个角，这就是我告诉你考虑问题的一种方法，再比如当你在30岁选择编程时不知道对不对，你可以像乔布斯一样考虑极端情形，如果今天是我生命中最后一天，我该怎么办。
如何理解e.clientX和e.clientY e.screenX e.screenY相关推荐
- 理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
event.clientX.event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条.IE事件和标准事件都定义了这2个属性 event.pageX ...
- 理解 e.clientX,e.clientY e.pageX
event.clientX.event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条.IE事件和标准事件都定义了这2个属性 event.pageX ...
- clientX/clientY 与 screenX/screenY 的区别
clientX/clientY 与 screenX/screenY 的区别 在JavaScript当中有时候我们需要获取鼠标悬停的位置,以此来做一些特殊处理.这时候就需要用到MouseEvent对象. ...
- pageX，pageY，screenX，screenY，clientX，和clientY，offsetX ，offsetY，layerX，layerY的使用 和 区别
pageX,pageY,screenX,screenY,clientX,和clientY返回一个数,其指示物理"CSS像素"的数量的点是从参考点.事件点是用户单击的位置,参考点是左 ...
- 什么?你还不知道offsetX、offsetY和clientX、clientY和pageX、pageY和screenX、screenY的区别，进来唠唠
offsetX.offsetY: 鼠标相对于事件源元素的X,Y坐标.比如说,给黄色的盒子定义一个点击事件,则这个offset的坐标原点就在这个黄色盒子的左上角,offsetX.offsetY就是相对于 ...
- pageX/pageY、clientX/clientY、screenX/screenY的区别
在触发鼠标事件的时候会传一个event参数,在这个参数中我们可以获得pageX/pageY.clientX/clientY.screenX/screenY,但是这几个属性有啥区别呢?看下图 scree ...
- 鼠标位置的获取pageX，pageY，screenX，screenY，clientX，和clientY，offsetX ，offsetY，layerX，layerY的使用 和 区别
pageX,pageY,screenX,screenY,clientX,和clientY返回一个数,其指示物理"CSS像素"的数量的点是从参考点.事件点是用户单击的位置,参考点是左 ...
- 一文看懂js中的clientX，clientY，pageX，pageY，screenX，screenY
一. 客户区坐标位置(clientX,clientY) 鼠标事件都是在浏览器视口中的特定位置发生的.这个位置信息保存在事件对象的clientX和clientY属性中,所有浏览器都支持这两个属性. 我们 ...
- clientX，clientY，offsetY，offsetX，screenX，screenY区分
在js中clientX,clientY,offsetX,offsetY,screenX,screenY都是鼠标事件的几个对象: 如下图可知: clientX:在鼠标事件发生时,鼠标相对于浏览器位置的X ...
最新文章
- 将数据库表中数据转为XML
- RHEL5下构建LVS负载均衡系统详解（二）
- 如何让castle用connectionstring里的连接字符串?
- html 怎么显示在投影下面,投影仅底部css3
- 基于JAVA+SpringMVC+MYSQL的校园宿舍管理系统
- centos7安装浏览器
- Python炸弹人小游戏源代码
- Gof 设计模式 完结
- matlab gui编程教程,matlab如何使用gui
- python使用matplotlib可视化线图（line plot）、使用semilogy函数将Y轴数据处理为对数坐标（logarithmic scale in Matplotlib）
- 怎么用c语言表示素数,用C语言编写判断一个数是否是素数的程序
- N个数选出M个最小或最大值算法
- 2017深度学习装机清单 (附京东链接）
- 取十六进制的后两位数、中间两位数，以及高位数
- Ubuntu2Go制作使用和资料说明（LinuxtoGo）
- 公司MES项目现场落地实施总结
- 学计算机用啥u盘好,U盘制作工具哪个好用？2020U盘制作工具推荐
- Sleep(0)的妙用
- 京东开普勒iOS端对接遇到的奇葩问题
- python综合应用题、显示数据_Python综合应用题