js中的onchange事件
原本以为onchange事件是在元素内容发⽣改变时就会触发，仔细研究才发现 onchange事件不单单只是内容改变，还必须使得当前元素失去焦点(onblur)才可以激活该事件；
如果需要及时监听输⼊框值的变化， 可以使⽤ onpropertychange 事件 但此⽅法 仅限于IE；
⾮IE 下可以⽤ oninput 事件来监听，但需要通过添加 addEvevtListener（）进⾏注册；
JS写法：
<script type="text/javascript">
  var element = ElementById("mytext");  //获取元素对象
  if("\v"=="v") {  //判断是否IE浏览器
　//if(/st(navigator.userAgent))    //ie浏览器
    propertychange = myfun;  //IE的话添加onpropertychange 事件
}else{
    element.addEventListener("input",myfun,false);  //⾮IE的话⽤ addEventListener 添加监听事件
  }
  function myfun(){
    ElementById('mytext').value);
}
</script>
input绑定onblur事件页⾯写法：
<input type="text" name="mytext" οninput=" myfun();" onpropertychange=" myfun();" />
补充：
1、onchange事件与onpropertychange事件的区别：
onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；onpropertychange事件却是实时触发，即每增加或删除⼀个字符就会触发，通过js改变也会触发该事件，但是该事件IE专有。
2、oninput事件与onpropertychange事件的区别：
oninput事件是IE之外的⼤多数浏览器⽀持的事件，在value改变时触发，实时的，即每增加或删除⼀个字符就会触发，然⽽通过js改变value时，却不会触发；onpropertychange事件是任何属性改变都会触发的，⽽oninput却只在value改变时触发，oninput要通过addEventListener()来注
册，onpropertychange注册⽅式跟⼀般事件⼀样。（此处都是指在js中动态绑定事件，以实现内容与⾏为分离）
3、oninput与onpropertychange失效的情况：
（1）oninput事件：a). 当脚本中改变value时，不会触发；b). 从浏览器的⾃动下拉提⽰中选取时，不会触发。
（2）onpropertychange事件：当input设置为disable=true后，onpropertychange不会触发。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。