关键词：
以往我们实现input的输入监听用到的无非是onkeyup、onkeydown、onchange，但是这些都有着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效；而onkeydown、onkeyup在处理复制、粘贴、拖拽、长按键（按住键盘不放）等细节上并不完善。
onpropertychange属性可在某些情况下解决上面存在的问题，不用考虑是否失去焦点，不管js操作还是键盘鼠标手动操作，只要HTML元素属性发生改变即可立即捕获到。遗憾的是，onpropertychange为IE专属的。其他浏览器下如果想要实现这一实时监听的需求，就要用到HTML5中的标准事件oninput，不过IE9以下的浏览器是不支持oninput事件的。如果要兼容IE9以下浏览器，就需要oninput和onpropertychange一起使用。
如下实例：
!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="神棍、Falost">
<title>hello world!</title>
<style type="text/css">
#box{
width:100%;
height:30px;
}
</style>
</head>
<body>
<div id="box"></div>
<input type="text" oninput="Monitor(this)" onpropertychange="Monitor(this)"/>
<script type="text/javascript">
function Monitor(t){
console.log(t.value)
var box = document.getElementById(‘box‘)
box.innerHTML = ‘你当前输入的是：‘+ t.value
}
</script>
</body>
</html>
实时监听input中输入内容的变化。
html5实时监听输入框值变化的完美方案：oninput&onpropertychange
结合HTML5标准事件oninput和IE专属事件onpropertychange事件来监听输入框值变化。 H5手机端：<inputtype="text"placeholder="请输入金额"value=""oninput="only_number(this)">//输入框，限金额functiononly_number(obj){//先把非数字的都替换掉，除了数... 查看详情
实时监听输入框值变化的完美方案：oninput&onpropertychange
oninput是 HTML5 的标准事件，对于检测 textarea,input:text,input:password和input:search这几个元素通过用户界面发生的内容变化非常有用，在内容修改后立即被触发，不像onchange事件需要失去焦点才触发。oninput 事件在主... 查看详情
实时监控input输入值变化
...麻烦。这时候我们需要更专业的解决方案：HTML5标准事件oninput、onchange和IE专属的事件properchange。1.oninput&onchange：oninput和onchange都是事件对象，当输入框的值发生改变时触发该事件。不同的是，oninput是在值改变时立即触发，而... 查看详情
同时绑定onpropertychange和oninput事件，实时检测inputtextarea输入改变事件，支持低版本ie，支持复制粘贴
实时检测input、textarea输入改变事件，支持低版本IE，支持复制粘贴检测input、textarea输入改变事件有以下几种：1、onkeyup/onkeydown 捕获用户键盘输入事件。 缺陷：复制粘贴时无法检测2、onchenge 缺陷：要满足触发条件：... 查看详情
使用onpropertychange和oninput检测inputtextarea输入改变
...当前对象属性改变就会触发 缺陷：只支持低版本IE4、oninput 和onpropertychan 查看详情
即时反应的input和propertychange方法
...麻烦。这时候我们需要更专业的解决方案：HTML5标准事件oninput、onchange和IE专属的事件properchange。1.oninput&onchange：oninput和onchange都是事件对象，当输入框的值发生改变时触发该事件。不同的是，oninput是在值改变时立即触发，而... 查看详情
实时监听input输入框value的变化：(代码片段)
HTML5标准事件 oninput 和IE专属事件 onpropertychange 事件实时监听输入框value的变化oninput事件在用户输入时触发。该事件在<input>或<textarea>元素的值发生改变时触发。提示：该事件类似于onchange事件。不同之处... 查看详情
实时监听输入框值变化的完美方案：oninput&onpropertychange
...家介绍一种完美的解决方案：结合 HTML5 标准事件oninput和IE专属事件onpropertychange 查看详情
input即时搜索监听输入值的变化
...文章向大家介绍一种完美的解决方案：结合HTML5标准事件oninput和IE专属事件onpropertychange事件来监听输入框值变化。oninput是HTML5的 查看详情
即时搜索或input实时检测输入变化
...ertychange，只要当前对象属性发生改变。（IE专属的）但是oninput和onpropertychange这两个事件在IE9中都有个小BUG，那就是通过右键菜单菜单中的剪切和删除命令删 查看详情
input输入框的oninput和onchange事件
oninput事件： 在用户进行输入，元素值发生改变时立即触发；（元素值改变立即触发） 缺陷： 从脚本中修改值不会触发事件。从浏览器下拉提示框里选取值时不会触发。IE9以下不支持，所以IE9以下可用onpropertychan... 查看详情
文本输入框内实时检测输入的字数
...示获得焦点触发事件2、focusout表示失去焦点触发事件3、oninput事件来监听文本框value值的改变4、Math.abs(xxx)用于获取数的绝对值html<spanclass="title2hide">还可以输入<span>140</span>字 查看详情
中文输入法不触发onkeyup事件的解决办法
...变成中文后，input的keyup事件就不会被正常触发。方法：oninput和onpropertychange两个事件。oninput是firefox下面可用，而onpropertychange则是ie下可用 http://www.jb51.n 查看详情
react-输入事件
参考技术A1.输入一个字,触发两次onInput,一个onChange,删除的时候,一次.onInput,onChange事件.尼玛好像是上一次有缓存,重新刷新界面发现都是触发一次.如果还有这种问题就炸了1.input是理想的文本内容变化监听事件.2.IE9以下浏览器不支... 查看详情
textarea动态填充内容文本框高度自适应
...容，textarea文本框自动增加高度如果要使用监听最好使用oninput而不是onchange：onkeyup使用复制粘贴时，高度不能自动改变onchange事件：在内容改变（两次内容有可能相等）且失去焦点时触发，不能实时同步oninput事件：HTML5的标准事... 查看详情
bug-文本框oninput事件，在中文输入法状态多次触发
...此问题。回顾一下onchange和input事件： oninput事件在<input>或<textarea>元素的值发生改变时触发onchange事件也是监听文本框变化后触发，不同的是oninput事件是立即（即时）触发，onchange则是在元素失去焦点时... 查看详情
oninputonchange与onpropertychange事件的区别
oninput、onchange与onpropertychange事件的区别onchange事件只在键盘或者鼠标操作改变对象属性，value的值发生变化且失去焦点时触发，用户js改变value时无法触发；onkeydown/onkeypress/onkeyup键盘事件来监测的话，监听不了右键的复制、剪贴... 查看详情
input的onchange和oninput事件
...，有些事件居然不能用，就如我今天用到的事件onchange和oninput，还有对于onclick和click，先总结一下这个小小的功能：输入框要输入money，那就只有两位小数，我们要确保输多位小数时，不让他提交，提交按钮变灰色，当小数点 查看详情