实时输入---输入框 

<html>
<head>
	<meta charset="utf-8" />
	<title>监听输入框值的即时变化 onpropertychange oninput</title>
	<script type="text/javascript">
		function immediately(){
			var element = document.getElementById("mytext");
			if("\v"=="v") {
				element.onpropertychange = webChange;
			}else{
				element.addEventListener("input",webChange,false);
			}
			function webChange(){
				if(element.value){document.getElementById("test").innerHTML = element.value};
			}
		}
	</script>

<input type="text" name="textfield" oninput="document.getElementById('webtest').innerHTML=this.value;" onpropertychange="document.getElementById('webtest').innerHTML=this.value;" />
<div>您输入的值为：<span id="webtest">还未输入</span></div>

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

<script type="text/javascript">
	immediately();
</script>

</head>
<body>

　　

posted @ 2016-07-01 13:50  rysly  阅读(385)  评论(0)    收藏  举报