input 输入框实时监听输入内容

发表于 2020-05-19 更新于 2022-03-27 阅读次数：
本文字数： 931 阅读时长 ≈ 1 分钟

JQ版本：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
</head>
<body>
   <input type="text" id="input" >
  <script type="text/javascript">

     $(function(){
        $('input').bind('input porpertychange',function(){
            console.log($(this).val());
        });
     })
   </script>
</body>
</html>

JS版本：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
   <input type="text" id="input" oninput="aa(event)" onporpertychange="aa(event)">
   <script type="text/javascript">
   var input = document.getElementById('input'); 
    function aa(e){
      console.log(input.value);
    }
   </script>
</body>
</html>