Question

我有以下代码

 jQuery('#parent').on('keypress', '.textbox', function(e) {
    var btn = jQuery(this).closest('tr').find('.btn');
    if (btn.length) {
        btn.triggerHandler('click');
    }
});

此代码是一个委托的按键处理程序，它正在侦听具有类值＆＃34; .textbox＆＃34;的文本框事件。处理程序找到类＆＃34; .btn＆＃34;的按钮。＆安培;调用其中包含ajax调用的click处理程序。

问题是这似乎阻止了事件的完成，即如果框中的值是＆＃34; 2＆＃34; ＆安培;我输入＆＃34; 3＆＃34;，处理程序执行但框中的值仍然是＆＃34; 2＆＃34;而不是＆＃34; 23＆＃34;。

当我注释掉btn triggerHandler语句时，它正常工作。

为什么会发生这种情况？

感谢。

Answer 1

使用keyup代替keypress。在脚本中，您已触发另一个事件。

jQuery('#parent').on('keyup', '.textbox', function(e) {
   var btn = jQuery(this).closest('tr').find('.btn');
   if (btn.length) {
     btn.triggerHandler('click');
   }
});

keypress被triggerHandler中断，因此不允许按键的默认操作发生。虽然keyup将首先执行默认操作，但请听处理程序。

Answer 2

我认为你需要键盘功能。

＆＃13;

$(document).ready(function(){
   $("input").keyup(function(){
var rs= $(this).val();
  alert(rs);
        $("input").css("background-color", "pink");
    });
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Enter your value: <input type="text">

＆＃13;

Answer 3

尝试使用'onpress'insted of'keypress'或'keyup'

  $(document).ready(function(){
  $("input").onchange(function(){
  var rs= $(this).val();
  alert(rs);
  $("input").css("background-color", "pink");
  });
});

jQuery：keypress处理程序取消事件

3 个答案: