input输入框自动获取焦点

Posted xiaoshen666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input输入框自动获取焦点相关的知识,希望对你有一定的参考价值。

代码实例:

<html>
    <head></head>
    <body>
        用户名:<input type="text" id="username" name="username" autofocus="autofocus"/><br/>
        密码:<input type="text" id="password" name="password"/><br/>
        <input type="submit" name="submitBtn" value="提交"/>
    </body>
</html>

 

focus 不生效:

  在执行一段脚本时,对dom的操作应当是即时生效的。dom操作确实都是同步的。但是因dom改变而触发的事件,以及其他一些效应(例如样式应用),很可能是异步的。所以,focus这里可能是有延迟的。也有人说脚本对dom的操作不是即时生效的,浏览器可能执行完当前脚本所有代码后才真正处理脚本中对dom的操作。

  无论它是不是及时生效,但是,事实就是,focus必须延时一段时间才可以生效。

  所以处理这类问题的时候,要加上人工的延时函数,进行延时处理。

延时函数为:

settimeout()

setTimeout("$(‘#test‘).focus()",500);

 

zhuan :https://www.cnblogs.com/zydtm/p/9140087.html

以上是关于input输入框自动获取焦点的主要内容,如果未能解决你的问题,请参考以下文章

有啥办法让input框一直处于获取焦点状态

如何让输入框默认获得焦点

js 输入框获取焦点显示div 失去焦点隐藏div 点击div也消失了怎么解决

IOS 固定定位底部input输入框,获取焦点时弹出的输入法键盘挡住input

element-ui表单input输入框获取自动聚焦功能

element-ui表单input输入框获取自动聚焦功能