请问js如何实时监听input输入框中的内容
情景:监听input输入框值的实时变化实例
解决方法:
1.在元素上同时绑定oninput和onporpertychanger事件
2.onpropertychange,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;
3.oninput是onpropertychange的非IE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件,它只在对象value值发生改变时奏效。
<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 (event.propertyName.toLowerCase () == "value") { alert ("The new content: " + event.srcElement.value); } } </script> //Input标签 <input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="Text field" />
$("#input1").bind("input propertychange",function(event){ console.log($("#input1").val()) });