oninput和onchange

2019-05-02 作者:计算机教程   |   浏览(103)

HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件实时监听输入框value的变化

oninput 事件在用户输入时触发。
该事件在 <input> 或 <textarea> 元素的值发生改变时触发。
提示: 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。

oninput 事件在用户输入时触发。

语法
HTML 中:
<element oninput="myScript">
尝试一下

该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

JavaScript 中:
object.oninput=function(){myScript};
尝试一下

提示: 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时才会触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。

JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("input", myScript);

oninput 支持的HTML标签:
        <input type="password">
        <input type="search">
        <input type="text">
        <textarea>

浏览器支持:

本文由www.2003.com发布于计算机教程,转载请注明出处:oninput和onchange

关键词: