Làm thế nào để làm điều đó?

Tôi đã thử:

var key = event.which || event.keyCode || event.charCode;

if(key == 8) alert('backspace');

nhưng nó không hoạt động ...

Nếu tôi làm tương tự với sự kiện nhấn phím, nó hoạt động, nhưng tôi không muốn sử dụng phím bấm vì nó xuất ra ký tự đã nhập trong trường nhập của tôi. Tôi cần phải kiểm soát được điều đó

mã của tôi:

  $('#content').bind('input', function(event){

    var text = $(this).val(),
        key = event.which || event.keyCode || event.charCode;

    if(key == 8){
      // here I want to ignore backspace and del
    }

    // here I'm doing my stuff
    var new_text = 'bla bla'+text;
    $(this).val(new_text);
  });

không có ký tự nào nên được thêm vào đầu vào của tôi, ngoài những gì tôi đang thêm với val () thực sự thì đầu vào từ người dùng sẽ bị bỏ qua hoàn toàn, chỉ có hành động nhấn phím là quan trọng đối với tôi

Sử dụng .onkeydownvà hủy bỏ việc xóa với return false;. Như thế này:

var input = document.getElementById('myInput');

input.onkeydown = function() {
    var key = event.keyCode || event.charCode;

    if( key == 8 || key == 46 )
        return false;
};

Hoặc với jQuery, vì bạn đã thêm thẻ jQuery vào câu hỏi của mình:

jQuery(function($) {
  var input = $('#myInput');
  input.on('keydown', function() {
    var key = event.keyCode || event.charCode;

    if( key == 8 || key == 46 )
        return false;
  });
});

Các bác sĩ cho biết:

Với jQuery

Các event.which tài sản bình thường hóa event.keyCode và event.charCode. Bạn nên xem event.which để nhập phím bàn phím.

http://api.jquery.com/event.which/

jQuery('#input').on('keydown', function(e) {
    if( e.which == 8 || e.which == 46 ) return false;
});

event.key === "Backspace"

Gần đây hơn và sạch hơn nhiều: sử dụng event.key. Không còn mã số tùy ý!

input.addEventListener('keydown', function(event) {
    const key = event.key; // const {key} = event; ES6+
    if (key === "Backspace" || key === "Delete") {
        return false;
    }
});

Tài liệu Mozilla

Các trình duyệt được hỗ trợ

Bạn đã thử sử dụng 'onkeydown' chưa? Đây là sự kiện bạn đang tìm kiếm.

Nó hoạt động trước khi đầu vào được lắp vào và cho phép bạn hủy đầu vào ký tự.

Đó là một câu hỏi cũ, nhưng nếu bạn muốn bắt một sự kiện xóa lùi khi nhập, chứ không phải nhấn phím, nhấn phím hoặc nhấn phím — như tôi đã nhận thấy bất kỳ một trong số những chức năng này phá vỡ một số chức năng tôi đã viết và gây ra sự chậm trễ khó xử với định dạng văn bản tự động —Bạn có thể bắt được khoảng trắng bằng cách sử dụng inputType:

document.getElementsByTagName('input')[0].addEventListener('input', function(e) {
    if (e.inputType == "deleteContentBackward") {
        // your code here
    }
});

keydown với event.key === "Backspace" or "Delete"

Gần đây hơn và sạch hơn nhiều: sử dụng event.key. Không còn mã số tùy ý!

input.addEventListener('keydown', function(event) {
    const key = event.key; // const {key} = event; ES6+
    if (key === "Backspace" || key === "Delete") {
        return false;
    }
});

Phong cách hiện đại:

input.addEventListener('keydown', ({key}) => {
    if (["Backspace", "Delete"].includes(key)) {
        return false
    }
})

Tài liệu Mozilla

Các trình duyệt được hỗ trợ

$('div[contenteditable]').keydown(function(e) {
// trap the return key being pressed
if (e.keyCode === 13 || e.keyCode === 8)
{
    return false;
}
});

//Here's one example, not sure what your application is but here is a relevant and likely application 
function addDashesOnKeyUp()
{
    var tb = document.getElementById("tb1"); 
    var key = event.which || event.keyCode || event.charCode;

    if((tb.value.length ==3 || tb.value.length ==7 )&& (key !=8) ) 
    {
        tb.value += "-"
    } 
}

trên các thiết bị Android sử dụng chrome, chúng tôi không thể phát hiện ra khoảng trống. Bạn có thể sử dụng giải pháp thay thế cho nó:

var oldInput = '',
    newInput = '';

 $("#ID").keyup(function () {
  newInput = $('#ID').val();
   if(newInput.length < oldInput.length){
      //backspace pressed
   }
   oldInput = newInput;
 })