JS propertychange与oninput事件详解

oninput与propertychange事件概述

在实际开发中，为了兼顾不同浏览器，通常会同时使用propertychange（IE专用）和oninput事件。

oninput属于W3C标准定义的事件，主要应用于input元素。当该元素的value属性发生改变时，无论用户是通过键盘输入还是鼠标粘贴操作，该事件都会即时触发。

浏览器兼容性与IE处理

关于浏览器兼容性，IE9及以下版本不支持oninput事件。

IE9以下是不支持的。这个时候就要用到IE专有的propertychange事件。顾名思义，翻译过来叫属性变更事件，这个事件就比较强大了，不仅仅会监听到input的value属性，还包括其他标签的属性各种属性发生变化都会发生该事件，比如span元素的style属性。在事件发生时还可以用event.propertyName访问到改变的属性名。