JS propertychange与oninput事件详解

作者:白露

时间:2026-10-28

浏览:198

本文介绍JavaScript中用于监听输入框值变化的oninput与propertychange事件。oninput为W3C标准,适用于现代浏览器;propertychange为IE专有事件,用于兼容IE9及以下版本。通过结合两者可实现全浏览器范围内的实时输入监听。

文章目录

oninput与propertychange事件概述

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

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

浏览器兼容性与IE处理

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

oninput与propertychange事件概述

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章