mui搜索框在ios环境上点击多次才弹出键盘的解决方法
Posted hideveloper
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mui搜索框在ios环境上点击多次才弹出键盘的解决方法相关的知识,希望对你有一定的参考价值。
今天使用Hbuilder调试手机端时,发现搜索框在安卓系统下,点击一次就可以弹出键盘
但是在iso下非常的不规律,要点击多次
代码实现如下:
<div class="mui-input-row mui-search mui-input-speech search"> <input type="search" class="enter_search" placeholder="请输入序列号" id="serial_number"> <button class="icon_btn" id="scan_code_button"></button> </div>
原因分析:
在mui-search外面包含了mui-inner-wrap之后就会出现这个bug。
原理应该是mui-placehold绝对定位之后在ios端产生事件穿透导致的。
解决办法:
添加css样式,设置pointer-events
<style> .mui-search .mui-placeholder { pointer-events: none; } </style>
以上是关于mui搜索框在ios环境上点击多次才弹出键盘的解决方法的主要内容,如果未能解决你的问题,请参考以下文章