公司作报表统计是用到了highcharts这个插件,使用插件时有个功能须要经过获取鼠标在图标上面的相对位置来实现。chrome
那么问题来了,chrome中,直接经过e.offsetX和e.offsetY就能够实现,达到预期效果;浏览器
IE中,offsetY和offsetY从边框外部开始计算,和chrome的不计算边框边度不同,好吧,在IE浏览器时手动减去边框宽度,也达到了预期效果;this
最后的firefox,页面效果为:firefox
发如今区域间移动时坐标老是获取不正确,打开调试发现红色区域最左边的offsetX为0,第一个绿色区域最左边的offsetX也为0,而后使用网上找来的方法:插件
e.pageX-$(e.target).offset().left
发现和offsetX没有区别,继续调试发现e.target为highcharts的背景的div,并非整个图表所在的div,找到问题了,将获取offsetX的代码修改成:调试
e.pageX-$(this).offset().left
再看效果正常了code