今天使用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>
