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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM