mui搜索框在ios环境上点击多次才弹出键盘的解决方法

时间：2018-05-16 12:49:56 阅读：339 评论：0 收藏：0 [点我收藏+]

标签：安卓 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环境上点击多次才弹出键盘的解决方法

标签：安卓 ima inter AC ios端 inner bsp 就会 type

原文地址：https://www.cnblogs.com/HiDeveloper/p/9044724.html

踩

(0)

评论一句话评论（0）