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

Question

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

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

Answer 1

问题出现的环境是 移动端 还是 PC 端？如果是移动端，那应该是点击点透造成的。click 时间是有大概 300ms 的延迟，因此移动端触发点击的时候，首先触发的是 touchstart 然后是 touchend 最后是 click，也就是说当你点击“跳转按钮”的时候，touchstart已经执行了跳转动作，然后 300ms 左右的时间，相同位置下的按钮 click 事件也会被触发。建议你如果页面没有 touch 的其他的事件，使用 touchstart，如果有些手势操作，使用 touchend。再或者，你可以在这里获取到帮助。