jQuery 监听文本框内容变化的方法

HTML部分代码

<div class="dv1">
     <div class="tetit">请输入培训主题：</div>
          <input type="text" class="in1" name="" id="tit" value="" placeholder="请输入培训主题" />
</div>

              

1.根据input值改变而触发事件,propertychange方法

           $('#tit').on('input propertychange', function() {//监听文本框
                    console.log($('#tit').val());
           });

 

2.keydown事件 

        keydown事件监听几乎所有按键操作，在键盘按下瞬间触发，若在keydown事件处理函数中立即获取文本框中的内容，通常会有一个字符的偏差。

             $('#tit').on('keydown', function() {
                      console.log($(