input输入框自动获取焦点

最新推荐文章于 2024-05-20 18:02:48 发布

原创最新推荐文章于 2024-05-20 18:02:48 发布 · 420 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML中autofocus属性的使用方法，通过实例展示如何让页面加载时自动聚焦到指定输入框。同时，探讨了在脚本操作DOM时focus事件可能存在的延迟问题及解决策略。

只要在该input标签后添加autofocus="autofocus"即可

代码实例：

<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