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>

 

問題討論可參見： http://ask.dcloud.net.cn/question/24488