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()
}
更多推荐