仿百度搜索框动态获取输入框内的值

<!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" /> 
<meta name="auther" content="fq" /> 
<title>监听输入框值的即时变化 onpropertychange oninput</title> 

</head> 

<body> 

示例代码：

<input type="text" name="textfield" id="mytext" /> 
<div>您输入的值为：<span id="test"></span></div> 
<script type="text/javascript"> 

$(function (){

   function  immediately(){

var element = document.getElementById("mytext"); 

<!--判断是否IE浏览器 -->

if("\v"=="v") { 
element.onpropertychange = webChange; 
}else{ 
element.addEventListener("input",webChange,false); 
} 
function webChange(){ 
if(element.value){document.getElementById("test").innerHTML = element.value}; 
} 
} 

}   

})

</script> 
</body> 
</html>