首页 > 技术文章 > react 使用触摸事件

wrhbk 2019-09-09 11:18 原文

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

推荐阅读