event.y 与 event.clientY在不同浏览器下的异同

最新推荐文章于 2024-11-12 08:18:23 发布

husiyuan6

最新推荐文章于 2024-11-12 08:18:23 发布

阅读量622

点赞数

CC 4.0 BY-SA版权

文章标签： JS

本文链接：https://blog.youkuaiyun.com/husiyuan6/article/details/51733817

本文探讨了在不同浏览器中获取鼠标位置的兼容性问题。指出在Chrome中event.clientY表示鼠标Y轴位置，在IE中event.clientY才是正确的Y轴位置而event.y不是，在Firefox中则不存在event.y。因此推荐使用event.clientY来获取鼠标位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

In Chrome,

event.y = event.clientY They are mouse event y location

In IE,

event.y != event.clientY event.clinetY is mouse event y location. While event.y is not.

In Firefox,

There is no event.y.

所以，如果想要用鼠标的位置信息，建议使用event.clientY。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

husiyuan6

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

event.clientX和event.clientY

weixin_33935505的博客

05-05

2812

event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支持。IE事件中没有这2个属性。 ...

WEB 前端面试题 (高能)

m0_64191440的博客

11-11

1416

我们让原型对象等于另一个原型对象的实例,此时原型对象 ,将包含一个指向原型对象的指针，再让原型对象的实例等于原型对象，如此层层递进就构成了实例和原型的链条，这就是原型链的概念。取得了另外一个值，则原先的引用值引用次数就减 1，当这个值的引用次数为 0 的时候，说明没有办法再访问这个值了，因此就把所占的内存给。如果你发现你在不同的地方写了大量代码来做同一件事时，就应该考虑将代码重构为可重用的。描述：给一个元素设置了高度和宽度的同时，还为其设置margin和padding的值，会改变该元素的实际大小。

参与评论您还未登录，请先登录后发表或查看评论

说一下event.x,event.clientX,event.offsetX区别

小乐乐

02-09

688

x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。screenX:相对于用户屏幕。clientX, clientY是鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0； offs...

event.x与event.y，firefox和IE下差异

aidupo6157的博客

04-27

342

IE下,even对象有x,y属性,但是没有pageX,pageY属性; Firefox下,even对象有pageX,pageY属性,但是没有x,y属性.解决方法:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX. 转载于:https://www.cnblogs.com/sfl...

关于鼠标事件中的event.clientY, event.pageY

helloworld

06-24

4426

以上两个属性都表示事件发生时鼠标的Y坐标。 1、clientY翻译过来为客户区坐标Y，表示页面可视区域的Y偏移量(不包括工具栏、搜索栏等)，并且与页面滚动无关，滚动后的clientY值不变。 2、pageY翻译为页面坐标Y，与clientY基本类似，唯一区别在于该值与页面滚动有关，具体来说,pageY = clientY + 页面滚动高度。测试代码如下： C

event.clientX 于event.clientY

飞檐走壁

10-27

194

event.clientX 于event.clientY 的返回值为数值，因此如果要将其重新赋值给其他的div作为其他div的style.top或者style.left属性的话，一定要在event.clientX之后加上“px”. 例如[code="java"] show(event) { document.getElementById("vidname").style.left = ...

Firefox与IE的JavaScript与CSS差异详解

"这篇文章主要探讨了Firefox和Internet Explorer（IE）之间在JavaScript和CSS方面的差异，特别是关于PNG透明处理、innerText与textContent的区别、禁止选取网页内容的方法、滤镜的应用以及事件处理的异同。...

在网页上实现鼠标跟踪

06-25

`document.body.scrollLeft+event.clientX`获取的是相对于页面左上角的X坐标，`document.body.scrollTop+event.clientY`获取Y坐标。`setInterval`函数用于每隔100毫秒刷新一次图层位置，确保元素始终跟随鼠标移动。 ...

虚拟与增强现实：电子商务的新零售展示技术揭秘

本文首先概述了虚拟与增强现实技术的基础知识及其在电商中的应用，接着详细探讨了AR与VR技术的关键实现原理、在电子商务中的具体应用案例以及面临的挑战与发展趋势。此外，本文还分析了虚拟与增强现实技术如何融合新...

前端面试总结八

我是谁的博客

11-06

577

1.介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？有两种， IE 盒子模型、W3C 盒子模型盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)；区别： IE的content部分把 border 和 padding计算了进去 2.PNG,GIF,JPG的区别及如何选 GIF： 256色无损，编辑保存时候，不会损失...

event事件对象和clientX,clientY

memedadexixaofeifei的博客

12-09

438

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>event事件和clientX,clientY</title> </head> <body> <script ty

关于event 和 window.event问题及浏览器兼容问题

张志勇的博客

09-17

2141

&amp;lt; html&amp;gt; &amp;lt; script language=“javascript”&amp;gt; function test(event) { event = event...

原生JavaScript下的DOM操作

WEBCODE

07-26

202

原生JavaScript下的DOM操作 2011-05-29 JQuery确实是个很好用的库，你可以不用考虑很多细节方面的事情。但很作为一个web前端，处理和了解浏览器差异一个重要问题。下面将介绍一些总结，先介绍没有使用js库的情况。 1. setAttribute方法设置元素类名在jQuery中，直接使用attr()方法即可，可在原生的JS中， ...

请说说event.clientX、event.clientY、event.offsetX、event.offsetY之间的关系

最新发布

王铁柱666的博客

11-12

527

是与鼠标事件相关的属性，它们提供了关于鼠标指针在触发事件时的位置信息。

Web前端-JavaScript--特效event client

yanghainan0318的博客

04-21

422

event event事件对象的获取有兼容问题: 1.参数接收: 谷歌/火狐/IE9+ 能获取 IE678返回undefined 2.直接获取全局event(不声明参数) ...

event事件坐标详解（clientx， offsetx， screenX等）

zlzbt

07-23

8971

鼠标事件（e=e||window.event） event.clientX、event.clientY (相对浏览器窗口) //鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 function getMousePos(event) { var e = event || window.event; return {'x':e.clientX,'y':clientY} } clientX与client..

JavaScript1

穿心莲

03-22

198

from:http://www.tsolong.com/post/352.html clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 ...

移动端无法获取event.clientX和event.clientY的解决办法

zzxboy1的博客

03-24

6119

最近在制作一个实现类似于手机的锁屏手势密码效果的页面时，由于需要应用获取canvas中，手指划过的位置，于是遇到了一些小问题。众所周知，在PC端，我们通常用event.clienX或者event.clientY来获取手指的坐标，可是在移动端，打开开发者模式，调试touch事件时，这一值通过console.log始终返回是undefined。通过查询，我发现了TouchEvent里面有touche

clientX、offsetX、screenX、pageX的区别

Serena_tz的博客

02-22

5692

一、概念总结 1、event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性.clientX指可视区域内离左侧的距离，以滚动条滚动到的位置为参考点。各个浏览器相同。即当有滚动条时clientX 小于 pageX。 2、event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到

JavaScript深入理解window.event事件

在JavaScript中，`window.event` 是一个全局事件对象，用于访问和处理页面中发生的任何事件。这个对象在事件发生时被创建，并且只在事件处理函数内部有效。`window.event` 提供了获取和操作事件信息的方法，如触发...