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

原文地址:https://www.cnblogs.com/wrhbk/p/11490593.html