Sự chậm trễ sự kiện keyup trên đầu vào của người dùng

Question

Tôi có một hộp văn bản nơi người dùng chỉ có thể nhập dữ liệu số. Tôi đang sử dụng các chức năng sau trên KeyUp của hộp văn bản:

$('#ssn').keyup(function() { 
    var val = this.value.replace(/\D/g, ''); 
    this.value = val; 
}); 

Vấn đề tôi đang chạy vào là lag khi người sử dụng phím lên trên một phím hạn chế, hiển thị ký tự cho một khoảnh khắc trước khi nó thay thế bằng chuỗi rỗng. Và giữ một phím sẽ hiển thị một dòng các ký tự trong hộp cho đến khi khóa được giải phóng. Có cách nào để ngăn chặn hành vi này không? Tôi đã thử các sự kiện bàn phím khác nhau như phím tắt hoặc nhấn phím và chúng dường như không hoạt động tốt hơn. Đây là một fiddle của vấn đề: https://jsfiddle.net/oxpy96g9/

Answer 1

_{Chuyển đổi nhận xét của tôi đến một câu trả lời}

Thay vì lắng nghe sự kiện keyup, lắng nghe những input event để sự kiện này phát sinh khi thay đổi giá trị chứ không phải là khi phím được nhả:

Updated Example

$('#numbers').on('input', function() { 
    this.value = this.value.replace(/\D/g, ''); 
});