一、说明
上一篇文章中提到了需要监听页面的一些组件内容变化，以便于更好的判断页面是否有更改，而控制“确定”按钮。
本里以JS监听输入框值的即时变化为引子，对这样的需求进行一个示例。
二、示例代码
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5<title>JS监听输入框值的即时变化</title> 6<script type="text/javascript"> 7function immediately(){ 8 var element = document.getElementById("mytext"); 9 if("\v"=="v") { 10element.onpropertychange = webChange; 11 }else{ 12element.addEventListener("input",webChange,false); 13 } 14 function webChange(){ 15if(element.value){document.getElementById("test").innerHTML = element.value}; 16 } 17} 18</script> 19</head><body> 20 21写在JS中的示例： 22<input type="text" name="textfield" id="mytext" /> 23<div>您输入的值为：<span id="test">还未输入</span></div> 24<script type="text/javascript"> 25immediately(); 26</script> 27</body> 28</html>
《HTML中JS监听输入框值的即时变化》 是转载文章，点击查看原文。
