jquery的event对象无法获取offsetX的值

最新推荐文章于 2022-03-30 18:03:38 发布
最新推荐文章于 2022-03-30 18:03:38 发布
阅读量447 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/banbo/blog/134564
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

jquery 的事件对象 event 没有 offsetX（IE）/layerX（Firefox） 属性，这是因为 jquery 的 event 对象里是再次封装的 ，而不是原生的event对象了 ，要是你想访问原来的 event 对象，可以用 originalEvent 属性：event.originalEvent.offsetX/layerX，这样就可以得到这两个属性了。


关于 offsetX 和 layerX 的差别请参考这篇文章： http://my.oschina.net/banbo/blog/342356


转载于:https://my.oschina.net/banbo/blog/134564

weixin_34214500
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js和JQuery获取鼠标指针坐标的实现代码分享
10-24
在jQuery中，`event`对象也包含了`offsetX`和`offsetY`属性，但有时需要通过`event.originalEvent`来访问它们。以下是使用jQuery获取鼠标坐标的代码示例： ```javascript $(function() { $("#t").mouseover...
JS之事件处理（三）--触摸事件、非IIE下事件对象获取、事件委托、事件对象属性和方法、阻止事件默认行为、阻止事件冒泡、事件位置获取--offsetX、offsetY、pageX、pageY等
小白小白从不日别的博客
04-19 829
一、IE下event事件对象获取 区别： (1)非IE下event的值默认为undefined，而IE中event的值默认为null console.log(event); 非IE环境下： IE环境下（低版本10及其以下）： (2)非IE下可以随意通过dom0或dom2中的参数来使用event，而IE中dom0级无法使用传参的形式来使用event（dom2可以）。 <div class="div1">div1 <div class="div2">di
触摸事件获取不到e.offset属性解决办法
PIOnly的博客
03-30 1169
触摸屏时获取不到e.offsetX属性以及元素的clientLeft 或 scrollLeft的值，所以改用pageX(表示触摸点相对于网页左上角的水平位置)减去getBoundingClientRect().left(获取图片元素相对于视窗左上角的水平位置)的值代替
解决FireFox的鼠标Event中没有offsetX,offsetY的办法
懒蜗牛
08-26 787
之前制作了一个html版的连连看，最近改成html5版的，遇到了如何获取当前点击图片的问题。 因为之前的连连看用的图片是一个个零碎的图片，放入一个固定大小的div中，然后设置图片统一向左浮动。通过js事件委托，当点击图片的时候，查找当前event的target，就能得到点击的图片。 但是改成html5之后，所有的图片都被画在一个canvas里，鼠标点击的时候只能获取到整个canvas ...
js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别
javaloveiphone的专栏
03-22 9593
pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,同一个元素坐标不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,即是以浏览器滑动条此刻的滑动到的位置为参考点,同一个元素坐标随滑动条移动而变化.注： 1、如果元素位于body中，e.clientX + document.body.scrollLeft - document.body.clientLeft = e.p
基于jquery的拖动布局插件
12-01
var offsetX=offsetY=0;//绝对位置 var OldIndex=0;///存储原始索引 var Temp_Li=””Temp_Li\” xss=removed>”; var Move_obj;///当前拖动的对象 $(“#”+id+” li”).each(function(i){ $(this).
IE和Mozilla的兼容性汇总event
10-30
3. **键盘值的获取：event.keyCode[IE] vs event.which[Moz]** IE使用`event.keyCode`来获取键盘事件的键值，而Mozilla则使用`event.which`。为确保兼容，可以同时检查这两个属性。 4. **鼠标位置：event.x/event....
javascript 事件对象 坐标事件说明
10-29
- `event.layerX` 和 `event.layerY`：与 IE 的 `event.offsetX` 和 `event.offsetY` 类似，表示相对于触发事件元素的坐标。 - `event.clientX` 和 `event.clientY`：与 IE 相同，表示相对于视口的坐标。 - `...
jquery实现图片局部放大JS特效代码
01-23
标题中的“jquery实现图片局部放大JS特效代码”指的是使用JavaScript库jQuery来创建一种交互式的图片预览功能，允许用户在鼠标悬停或点击图片时，查看图片的特定区域以更大的尺寸显示，通常用于提高用户体验，特别是...
移动端无法获取event.clientX和event.clientY的解决办法
zzxboy1的博客
03-24 5865
最近在制作一个实现类似于手机的锁屏手势密码效果的页面时，由于需要应用获取canvas中，手指划过的位置，于是遇到了一些小问题。 众所周知，在PC端，我们通常用event.clienX或者event.clientY来获取手指的坐标，可是在移动端，打开开发者模式，调试touch事件时，这一值通过console.log始终返回是undefined。通过查询，我发现了TouchEvent里面有touche
原生js 解决offsetX兼容性问题
高先生的猫
05-28 536
// 针对火狐不支持offsetX/Y function getOffset(e) { var target = e.target, // 当前触发的目标对象 eventCoord, pageCoord, offsetCoord; // 计算当前触发元素到文档的距离 pageCoord = getPageCoord(target); // 计算光标到文档的距离 eventCoord = { X: window.pageXOffset + e.clie.
event对象的属性：clientX、clientY、pageX、pageY、offsetX、offsetY
weixin_44077629的博客
02-22 339
clientX：距离可视窗口左面的距离 clientY：距离可视窗口顶端的距离 pageX：距离整个页面（超出可视窗口的页面）左面的距离 pageY：距离整个页面（超出可视窗口的页面）顶端的距离 offsetX：距离容器左面的距离 offsetY：距离容器顶部的距离 ...
一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
ruoyiqing的专栏
09-13 1895
总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下
浏览器兼容的获取event.offsetX的最简单方法
weixin_34029680的博客
04-01 323
为什么80%的码农都做不了架构师？>>> ...
jQuery offset( ) 方法
m0_57835615的博客
06-13 2922
通过jQuery 的offset( )方法，我们可以设置或者获取被选元素相对于文档的位置。当我们获取被选元素的位置时，只会返回匹配到的第一个元素的 （1） 语法格式：
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
热门推荐
lzding的博客
05-02 5万+
通过 2 张图和 1 张表格，轻松区别 Javascript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 不同浏览器对这些属性的支持：
event.clientX 无法使用
最新发布
06-01
1. 事件对象不是鼠标事件，而是键盘事件或其他事件，因此无法获取鼠标位置信息。 2. 事件对象不存在，或者没有正确地传递给事件处理函数。可以在事件处理函数中打印一下事件对象，看看是否存在或者正确传递。 3. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值