首页 > 分享 > mui搜索框在ios平台上点击多次才弹出键盘的解决方法

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

最新推荐文章于 2023-07-27 20:53:07 发布

铁马冰河入梦来0 于 2018-08-06 16:39:54 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

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

相关知识

梦想花店模拟器ios版推荐
花样文字IOS版下载 花样文字 for iPhone (特殊字体输入法键盘) v3.6.2 苹果手机版 下载
前端最常用的移动App开发方式及技术栈详解
AppsFlyer 研究(十三)SRN平台对接
苹果UI设计规范说明,以iOS 17为例
所有记录中均未找到搜索关键字的解决方法!
Shopee平台如何上架商品?有哪些流程?
2019快乐儿童节节日活动策划PPT模板.ppt
计算机死机的解决方法及操作步骤,花屏死机怎么办?电脑花屏死机常见原因以及解决方法...
web移动端常见面试题以及适配兼容问题

网址: mui搜索框在ios平台上点击多次才弹出键盘的解决方法 https://m.huajiangbk.com/newsview1212804.html

所属分类:花卉
上一篇: 主屏幕任你玩花活,苹果 iOS
下一篇: HTTP Content