Javascript/jQuery实时监听input输入框值变化

JQuery:

$("#input").bind("input propertychange",function(event){
       console.log($("#input").val())
});

Javascript:

<input type="text" oninput="show1(event)" onpropertychange="show2(event)" value="" />
<script type="text/javascript">
// Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9
function show1(event) {
    console.log(event.target.value);
}
// Internet Explorer
function show2(event) {
    if (event.propertyName.toLowerCase () == "value") {
        console.log(event.srcElement.value);
    }
}
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容