首页 > 移动平台 > 详细

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

时间:2018-05-16 12:14:24      阅读:854      评论:0      收藏:0      [点我收藏+]
今天使用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>
 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!