focus()无效问题

最新推荐文章于 2024-06-05 14:57:08 发布

weixin_33964094

最新推荐文章于 2024-06-05 14:57:08 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ranyonsue/p/9996252.html

我想点击弹出一个控件的时候控件里的input自动获取焦点，INPUT的class为"group-input",可用下面的写法不行：

document.queryselect(".group-input ").focus()

最后用定时器可以解决这个问题，代码如下：

setTimeout("document.queryselect(".group-input ").focus()",50);

focus 不生效的大概原因:

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

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

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

转载于:https://www.cnblogs.com/ranyonsue/p/9996252.html