美文网首页
Javascript/jQuery实时监听input输入框值变化

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

作者: Hi小胡 | 来源:发表于2018-09-19 18:01 被阅读386次

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>

相关文章

网友评论

      本文标题:Javascript/jQuery实时监听input输入框值变化

      本文链接:https://www.haomeiwen.com/subject/ayzinftx.html