本文介绍了一种解决iOS设备上H5页面中readonly输入框触发上下箭头及完成按钮的方法。通过在点击事件中使用document.activeElement.blur()，可以有效避免这些控件的出现，提升用户体验。
问题描述：
input type=text readonly="readonly"在ios手机上弹出上下箭头以及完成按钮的弹窗，截图如下：
h5代码如下：
<input type="text" readonly="readonly" placeholder="请选择" id="service">
解决方法，只需要在点击事件里面加入document.activeElement.blur();即可。完整代码如下：
$("#service").on("click", function() {
document.activeElement.blur();
})
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
