最新版火狐JavaScript事件对象中的offsetX和offsetY的一个小发现

今天在给后盾网57期高薪就业班讲课的时候,讲到JavaScript语言的事件对象,发现了一个和往常不太一样的地方。

以单击事件为例,原来用offsetX(获得鼠标与事件源左侧的距离)和offsetY(获得鼠标与事件源右侧的距离)属性,在火狐下获得单击事件发生时鼠标与事件源之间的距离的时候需要给事件源加css定位属性(position),不添加的话获得到的是鼠标与浏览器边缘的距离。最近升级了火狐的最新正式版(40.0.3版本),今天在使用这两个属性获得鼠标与事件源之间距离的时候,发现没给事件源加定位属性获得的值也是对的了,反复测试,确定这是火狐内核对js这两个属性做了调整。细微的调整,比原来更人性化了,给个赞!

在线演示:test

火狐下事件对象offsetX属性的变化

如有相关js问题可以在文章下留言,也可以到后盾网论坛进行交流。

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
Adobe premiere 替换素材后无法显示,显示斜线波纹的解决方法
Adobe premiere 替换素材后无法显示,显示斜线波纹的解决方法
2
玩转京东云主机之⑤-本地前端项目上传到服务器
玩转京东云主机之⑤-本地前端项目上传到服务器
3
Adobe系列软件安装时提示“安装程序无法初始化。请下载Adobe Support Advisor检测该问题”错误的解决方法
Adobe系列软件安装时提示“安装程序无法初始化。请下载Adobe Support Advisor检测该问题”错误的解决方法
4
Adobe Photoshop打开不开图片,提示“无法完成请求,因为找到不知名的或无效的JPEG标志符类型”错误的解决方法
Adobe Photoshop打开不开图片,提示“无法完成请求,因为找到不知名的或无效的JPEG标志符类型”错误的解决方法
5
MacOS设置账号自动登录的方法
MacOS设置账号自动登录的方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主