js动态绑定事件

在页面中使用动态绑定事件，我们很容易就想到了onpropertychange、oninput和onchange。

首先说下这三个区别。

onchange：当前属性值发生改变，并且有鼠标或者键盘触发，并失去焦点。

onpropertychange：属性值发生改变。但是他是IE专属事件，并在IE9开始弃用，IE11已停止使用。

oninput：是onpropertychange事件的非IE浏览器版本。

在网站页面查询内容时，一般会在输入时就会拿到对应的值，所以onchange我们在这里就不在研究。

接下来通过实例介绍下。

一、用事件来处理。

  onpropertychange = "search()">


 

 

这个实例是通过onpropertychange触发的。所以只能用在IE浏览其中，并且必须IE11以下的。

如果不止在IE中运行，可以把onpropertychange换成oninput方法。所以我们在实际用的时候只需要在对应需要处理的地方调用oninput事件就行。

二、用js来处理。

 
 
 
  
 
  
 
  
因为只是介绍动态绑定方法的使用，所以代码中其他内容可能比较简略，实际中可根据个人需要自己添加内容。