input.focus()在IOS上失效的解决方法

Posted 莫笑我胡为

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input.focus()在IOS上失效的解决方法相关的知识,希望对你有一定的参考价值。

之前在iphone上做开发时遇到一个问题,在一般的正常浏览器上输入以下代码:

1
2
var apple = document.getElementById(‘abc‘);
apple.focus();

就能将焦点聚集在输入框上;但是在ios上不行

解决方案

只有通过绑定在事件上的函数触发,才能聚焦,例如:

1
2
3
4
var apple = document.getElementById(‘abc‘);
button.addEventListener(‘click‘,function(){
 apple.focus();
});

但是不能将apple.focus()封装在函数中再由事件触发,这样也会失效

以上是关于input.focus()在IOS上失效的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

A :focus-within 解决方法

移动端ios下H5的:active样式失效的解决方法

html2canvas 在IOS系统13.4以上失效的问题解决方法

Vue中输入框自动获取焦点-移动端ios不能唤起键盘解决办法

Vue中输入框自动获取焦点-移动端ios不能唤起键盘解决办法

如何防止在chrome中focus()上的文本选择