react 跳转页面后新页面的按钮自动被点击了

react-router 在跳转页面时出现了问题
1、点击跳转按钮(第二个页面相同位置下也有个按钮)
2、开始跳转
3、自动执行了第二个页面上相同位置的按钮的click 事件

这让我很苦恼,一直没有解决 大神求带~~

阅读 4.1k
2 个回答

试着用移动端touch事件,在按钮上加onTouchStart,onTouchMove,onTouchEnd,然后在TouchEnd里面做判断,看touchMove是否执行了,执行了则为滑动,未执行则是点击,这个方法一直是我在项目中运用的。

新手上路,请多包涵

touch绑定的方法一般仅用于判断长按和点击扎堆的事件,
而这种第一个页面点击,跳转后第二页面也直接发起了点击,一开始我也遇到,不应该去靠touch解决
最简单也是最根本的原因是你在第一个页面的点击事件里没有取消默认行为 e.preventDefault() 或者阻止事件冒泡,仅这一行代码就能解决

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