实时监听input输入框value的变化 |
您所在的位置：网站首页 › input的value值 › 实时监听input输入框value的变化 |
|
HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件实时监听输入框 value 的变化 oninput 事件在用户输入时触发。 该事件在 或 元素的值发生改变时触发。 提示： 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时才会触发。另外一点不同是 onchange 事件也可以作用于 和 元素。 oninput 支持的HTML标签： 复制代码 浏览器支持： ChromefireFoxSafariIEOperaYes4.0+5.0+9.0+Yes 示例： Document function onInput(e) { console.log('oninput 正在输入:', e.target.value); } const fooInput = document.querySelector('#foo'); fooInput.addEventListener('input', function (e) { console.log('foo 正在输入:', e.target.value); }); const barInput = document.querySelector('#bar'); barInput.oninput = function (e) { console.log('bar 正在输入:', e.target.value); }; 复制代码 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |