JQuery: нажатие обработчик отмены события

Question

У меня есть следующий код

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

Этот код является делегированы обработчик, который нажатие слушает случае текстовых, имеющих значение класса «.textbox». Обработчик находит кнопку с классом «.btn» & вызывает свой обработчик кликов, который имеет в нем вызов ajax.

Проблема заключается в том, что это предотвращает выполнение события, т. Е. Если значение в поле «2» & Я набираю «3», обработчик выполняет, но значение в поле остается «2» вместо «23».

Он работает нормально, когда я комментирую инструкцию 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

Я думаю, что вам нужна функция блокировки.

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

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

Answer 3

Попробуйте использовать 'OnChange' InstEd из 'нажатием клавиши' или '' KeyUp

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