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

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

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

在线演示:test

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

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

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
electron开发中使用nodemon进行热更新的方法
electron开发中使用nodemon进行热更新的方法
2
安装草图大师(sketchup)时提示“未能安装组件 Visual C++ "14" 运行库 (x64),并显示下列错误消息”错误的解决方法
安装草图大师(sketchup)时提示“未能安装组件 Visual C++ "14" 运行库 (x64),并显示下列错误消息”错误的解决方法
3
Dreamweaver CC新版设置左右分栏的方法
Dreamweaver CC新版设置左右分栏的方法
4
宝塔面板安装后被恶意穷举暴力破解的解决方案
宝塔面板安装后被恶意穷举暴力破解的解决方案
5
产品提了一个很牛逼的需求
产品提了一个很牛逼的需求
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主