body { background:url(images/page-bg.gif); font-size:14px;}

setTimeout为0的应用

在下面两个输入框里输入字符,看看有什么不同?

A:没有使用setTimeout

你输入了:

B:setTimeout为0

你输入了:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>setTimeout为0的应用</title> 
<style type="text/css"> 
body 
{ background:url(images/page-bg.gif); font-size:14px;} 
</style> 
</head> 

<body> 
<h1>setTimeout为0的应用</h1> 
<p>在下面两个输入框里输入字符,看看有什么不同?</p> 
<p> 
A:
<input type="text" id="t1" name="t1" 
onkeydown
="document.getElementById('t1text').innerHTML='你输入了:'+this.value;" value="" />没有使用setTimeout 

</P> 
<div id="t1text">你输入了:</div> 
<p> 
B:
<input type="text" id="t2" name="t2" 
onkeydown
="var t2=this;setTimeout(function(){document.getElementById('t2text').innerHTML='你输入了:'+t2.value},0);" 
value
="" />setTimeout为0</p> 
<div id="t2text">你输入了:</div> 
</body> 
</html>


小结:

类似起线程。前者没用settimeout ,所以是主线程去做的响应,所以在onkeydown 就触发事件执行。得到的数据会有差异。
posted on 2010-10-13 15:12 -274°C 阅读(1263) 评论(1)  编辑  收藏 所属分类: web前端


FeedBack:
# re: setTimeout为0的应用
2011-05-05 16:56 | eson
很直观明了  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 

常用链接

留言簿(21)

随笔分类(265)

随笔档案(242)

相册

JAVA网站

关注的Blog

搜索

  •  

积分与排名

  • 积分 - 911383
  • 排名 - 40

最新评论