input输⼊框属性事件
1、IE 上的专属事件 onpropertychange 事件来监听输⼊框内容的变化
亲测在IE8 以上都是可以的
2、oninput 是Html5 的标准事件，对于检测 textarea, input:text, input:password 和 input:search 这⼏个元素通过⽤户界⾯发⽣的内容变化⾮常有⽤，在内容变化后⽴即触发该事件。
oninput 事件在 IE9 以下版本不⽀持，需要使⽤ IE 特有的 onpropertychange 事件替代，这个事件在⽤户界⾯改变或者使⽤脚本直接修改内容两种情况下都会触发，有以下⼏种情况：
修改了 input:checkbox 或者 input:radio 元素的选择中状态， checked 属性发⽣变化。
修改了 input:text 或者 textarea 元素的值，value 属性发⽣变化。
修改了 select 元素的选中项，selectedIndex 属性发⽣变化
在监听到 onpropertychange 事件后，可以使⽤ event 的 propertyName 属性来获取发⽣变化的属性名称。
  集合 oninput & onpropertychange 监听输⼊框内容变化的⽰例代码如下：
<script type="text/javascript">
<!-- Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9 -->
function OnInput (event) {
alert ("The new content: "+ event.target.value);
}
<!--Internet Explorer-->
function OnPropChanged (event) {
if(LowerCase () == "value") {
alert ("The new content: "+ event.srcElement.value);
}
}
</script>
<input type="text"oninput="OnInput (event)"onpropertychange="OnPropChanged (event)"value="Text Value"  placeholder=''请输⼊xxx"/>
使⽤ JQuery，只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了，⽰例如下：
$('textarea').off('input propertychange').on('input propertychange', function() {
$('#msg').html($(this).val().length + ' characters');
});
注：oninput 和 onpropertychange 这两个事件在 IE9 中都有个⼩BUG，那就是通过右键菜单，菜单中的剪切和删除命令删除内容的时候不会触发，⽽ IE 其他版本都是正常的
input标签placeholder属性

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。