focus()无效问题

我想点击弹出一个控件的时候控件里的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