mui搜尋方塊在ios環境上點擊多次才彈出鍵盤的解決方案

標籤：安卓   ima   inter   AC   ios端   inner   bsp   就會   type   

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

mui搜尋方塊在ios環境上點擊多次才彈出鍵盤的解決方案