突然发现html自带的 Input 在 Ios手机 和 iPad 上点击框外不会 onblur,软键盘不能回弹关闭,弄了好久,终于发现一个办法(无奈之举):
在包裹着 input 外的最外层容器上添加 onClick 事件。
const onInputBlur = e => {
if (e.target.tagName !== 'INPUT') {
onBlur()
}
};
<div onClick={onInputBlur}></div>
这样就可以啦!

本文介绍了一种解决iOS设备上HTML输入框点击外部区域无法触发失焦事件的方法,通过在外层容器添加onClick事件监听,实现了软键盘的自动收起,提升了用户体验。
1849

被折叠的 条评论
为什么被折叠?



