首页 > 编程知识 正文

浏览器出问题怎么修复,浏览器兼容问题

时间:2023-05-04 20:08:27 阅读:239169 作者:3617

公司做报表统计是用到了highcharts这个插件,使用插件时有个功能需要通过获取鼠标在图标上面的相对位置来实现。

那么问题来了,chrome中,直接通过e.offsetX和e.offsetY就可以实现,达到预期效果;

IE中,offsetY和offsetY从边框外部开始计算,和chrome的不计算边框边度不一样,好吧,在IE浏览器时手动减去边框宽度,也达到了预期效果;

最后的firefox,页面效果为:

发现在区域间移动时坐标总是获取不正确,打开调试发现红色区域最左边的offsetX为0,第一个绿色区域最左边的offsetX也为0,然后使用网上找来的方法:

e.pageX-$(e.target).offset().left

发现和offsetX没有区别,继续调试发现e.target为highcharts的背景的div,并不是整个图表所在的div,找到问题了,将获取offsetX的代码修改为:

e.pageX-$(this).offset().left

再看效果正常了

转载于:https://my.oschina.net/u/2367511/blog/645044

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。