即时获取input输入框里的内容 IE/非IE皆可兼容

摘要  即时获取input输入框里的内容 IE/非IE皆可兼容

oninput  onpropertychange  addEventListener  attachEvent

即时获取input输入框里的内容

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

< div >< input  type = "text"  size = "20"  maxlength = "25" ></ div > < div >< p ></ p ></ div > < script  type = "text/javascript" >      var yourInput= document.getElementsByTagName('input')[0]      if (document.addEventListener) {          yourInput.addEventListener('input', write, false);      } else if (document.attachEvent) {          yourInput.attachEvent('onpropertychange', write);      }        function write() {          document.getElementsByTagName('p')[0].innerHTML= yourInput.value;      } </ script >

在IE中input框内容的即时获取可以使用onpropertychange()事件来触发，绑定用attacheEvent()

在非IE中可以使用oninput()事件来触发，绑定用addEventListener()