1、可以直接在input标签里面增加属性autofocus,就会主动获取焦点 

<input id='test' type="text" autofocus="autofocus" />

2、可以使用JavaScript的方法focus

document.getElementById('test').focus();

3、JQuery 里面可以使用

$('#test').focus();

但是2和3这两种方法经常会不起作用

主要原因是因为dom未加载完毕或者其他组件获取焦点等导致。

可增加一个延迟方法setTimeout

window.setTimeout("document.getElementById('input').focus();", 200)  ;

VUE的可以使用 nextTick 来延迟

this.$nextTick(() => {
    this.$refs.input.focus()
})

或者通过生命周期中的mounted方法

mounted(){    
    this.$refs.input.focus()
}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐