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

本文探讨了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不能及时刷新的问题
						}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值