页面中用focus不起作用，alert之后才起作用

最新推荐文章于 2025-06-13 11:07:17 发布

原创最新推荐文章于 2025-06-13 11:07:17 发布 · 6.4k 阅读

1 ·

CC 4.0 BY-SA版权

本文探讨了JavaScript中元素获取焦点（focus）操作有时不起作用的原因，并提供了一种解决方案：通过使用setTimeout函数来延迟执行focus方法。

如题，这个问题就结了很久，focus明明是个简单得要死的函数，但是，却不起作用，前面用alert提示了一下，竟然起作用了，alert去掉之后又不起作用。从网上搜集了这个问题。原因是：

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

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

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

延时函数为：settimeout（）。函数的使用方法可以从网上找到，我做的例子如下：最值得提出的就是其中的单引号‘’。刚刚用的时候，没有注意里面的单引号，所以会有一样没反应的问题出现。如果遇到了这个问题，请试试加上单引号吧，好象语句里面原本有双引号的地方要变为单引号，由于这个引号的问题我也没搞太清楚，就请使用者用的时候多试验几次吧。

代码：

<span style="white-space:pre">						</span>inputIdPl="#"+inputId;
						if(document.getElementById(buttonId))
						{
							document.getElementById(buttonId).click();
							//alert($(inputIdPl));
							//element.focus();
							//$(inputIdPl).focus();
							window.setTimeout("$('"+inputIdPl+"').focus();", 50);//focus不能及时刷新的问题
						}