美文网首页
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