react-router 点击跳转按钮跳转到新页面时,相同位置下的按钮 会自动触发click事件

新手上路,请多包涵

1、在页面上点击跳转按钮,(在新页面中,这个位置也是一个按钮)
2、开始跳转
3、新页面相同位置下的按钮的click 事件被自动触发了。

遇到这样的问题我很苦恼,求解

阅读 5.4k
2 个回答

问题出现的环境是 移动端 还是 PC 端?如果是移动端,那应该是点击点透造成的。click 时间是有大概 300ms 的延迟,因此移动端触发点击的时候,首先触发的是 touchstart 然后是 touchend 最后是 click,也就是说当你点击“跳转按钮”的时候,touchstart已经执行了跳转动作,然后 300ms 左右的时间,相同位置下的按钮 click 事件也会被触发。

建议你如果页面没有 touch 的其他的事件,使用 touchstart,如果有些手势操作,使用 touchend。再或者,你可以在这里获取到帮助。

用fastclick模块解决延迟和点透问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题