uni-app中input上的点击事件无效,点击没反应的解决方法

谷歌浏览器更新后,h5模式下原本的input外层view中的点击事件就不触发了,因为uni-app打出来的app包其实也是h5嵌套webview去展现的,这个问题在手机上也会出现,解决方法如下
 <input style="pointer-events: none;"> 
在input上加一个css属性pointer-events: none;
原因:

在一般情况下,被只读&禁用的input元素会拦截所有的鼠标事件,导致外层的view上写的点击事件不再生效。而加上pointer-events: none;后,input就不再拦截鼠标事件,外层的view上的点击事件就能够正常生效了。

posted @ 2026-05-05 18:40  我有头盔  阅读(60)  评论(0)    收藏  举报