react 使用触摸事件

react开发支持的事件中,onClick事件,部分标签不支持点击,只能onTouchEnd,但是在移动端,手指触碰到事件绑定元素上,滑动,也会触发该事件,故来share解决办法,有更好的方法,欢迎评论

1.事件改为

onClickCapture

但是

改完之后,你会发现可以点击,安卓手机测试,完全ok,但是ios上,事件却不生效,此时,完成下面一部,就解决了一大半了

2.给绑定事件的元素添加:cursor: pointer;

竟 然 真的 有 效!!!

但是

但是但是

为什么点击会有灰色的底框======

恶心至极

然鹅也没放弃,

尝试了以下解决办法

请点赞排队

3.添加css样式

*{

-webkit-tap-highlight-color: transparent;

}

以上~~~完美解决

————————————————

版权声明:本文为CSDN博主「m0_38073829」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/m0_38073829/article/details/75350700