最新版火狐JavaScript事件对象中的offsetX和offsetY的一个小发现
今天在给后盾网57期高薪就业班讲课的时候,讲到JavaScript语言的事件对象,发现了一个和往常不太一样的地方。
以单击事件为例,原来用offsetX(获得鼠标与事件源左侧的距离)和offsetY(获得鼠标与事件源右侧的距离)属性,在火狐下获得单击事件发生时鼠标与事件源之间的距离的时候需要给事件源加css定位属性(position),不添加的话获得到的是鼠标与浏览器边缘的距离。最近升级了火狐的最新正式版(40.0.3版本),今天在使用这两个属性获得鼠标与事件源之间距离的时候,发现没给事件源加定位属性获得的值也是对的了,反复测试,确定这是火狐内核对js这两个属性做了调整。细微的调整,比原来更人性化了,给个赞!
在线演示:test
如有相关js问题可以在文章下留言,也可以到后盾网论坛进行交流。