前端踩坑系列:谁能想到这是鼠标失灵的锅!!

96 阅读1分钟

前端踩坑系列.jpg 某日,测试同学抛来一个bug:点击页面的返回按钮,偶现点击一次,返回上上级页面的情况

接到这个问题,当然是先复现该问题场景喽!!!

经过多次尝试,总结该问题的表现如下:

  1. 唯有测试同学安装的所有浏览器可以偶现该问题
  2. 在本人、同事电脑的谷歌、Edge、火狐浏览器都没有复现该问题
  3. 点击浏览器的左上角物理返回键也偶现该问题

于是检查了代码,未发现逻辑错误,路由配置也没有出现类似name配置重复的问题,遂给按钮绑定的返回事件加了日志,发现点击一次,返回事件的日志打印了两次,之后尝试把Button组件换成div,加stop、prevent 修饰符,都没有解决该问题,百思不得其解。

好几天过去了,偶然观察到测试同学的电脑有点包浆,突发奇想,会不会是硬件问题,于是把自己的鼠标献给了测试,再没复现出来。好了,问题似乎找到根源了,鼠标点击一次却出现点击两次的效果。

至此,这惊天大坑算是结束了。