javascript - 用focus()给文本框设置页面一加载就获得焦点，但是在移动端失效。

Question

document.getElementById("leave-message-textarea").focus();

在pc上页面一加载是已经获得焦点可以直接输入的，但是在移动端就不行，必须点一下输入框手机的键盘才能升起开始输入。

Answer 1

移动端的focus等确实有问题，这种（比如调用键盘输入框、调用音频播放器等）第一次有效执行需要在用户自己触发一个事件后开始执行，硬生生的在dom加载完后直接触发有时候会被某些浏览器或者系统阻止掉。

一般也就是给Input加上autofocus，然后保险再给额外的给document监听一个touchstart事件，这个事件的回调中在来触发input的focus()。

我的解决思路就是这样的，当时做这玩意的时候也是自己的身边的几个手机和浏览器测了下，没全测，也不知道是不是满足所以情况。

Answer 2

试下autofocus呢？<input type="text" placeholder="xxx" autofocus>