问题描述:
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();
})

本文介绍了一种解决iOS设备上H5页面中readonly输入框触发上下箭头及完成按钮的方法。通过在点击事件中使用document.activeElement.blur(),可以有效避免这些控件的出现,提升用户体验。
1万+





