Bu nasıl yapılır?

Denedim:

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

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

ama işe yaramıyor ...

Aynı şeyi tuşa basma olayında yaparsam çalışır, ancak tuşa basmayı kullanmak istemiyorum çünkü girdi alanımda yazılan karakteri çıktılar. Bunu kontrol edebilmem gerek

benim kodum:

  $('#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);
  });

benim girdime hiçbir karakter eklenmemeli, val () ile eklediğim şeyin yanı sıra aslında kullanıcıdan gelen girdi tamamen yok sayılmalı, sadece tuşa basma eylemi benim için önemli

.onkeydownKaldırmayı ile kullanın ve iptal edin return false;. Bunun gibi:

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

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

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

Veya jQuery ile, sorunuza bir jQuery etiketi eklediğiniz için:

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

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

​

JQuery ile

Event.which mülkiyet event.keyCode ve event.charCode normalleştirir. Klavye tuş girişi için olayı izlemeniz önerilir.

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

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

event.key === "Geri al"

Daha yeni ve çok daha temiz: kullanın event.key. Artık keyfi sayı kodları yok!

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

Mozilla Belgeleri

Desteklenen Tarayıcılar

'Onkeydown' kullanmayı denediniz mi? Aradığınız olay bu.

Giriş eklenmeden önce çalışır ve karakter girişini iptal etmenize izin verir.

Bu eski bir sorudur, ancak tuşa basma, tuşa basma veya tuş basma yerine girişte bir geri alma olayını yakalamak istiyorsanız - yazdığım bu belirli işlevlerden herhangi birinin bozulduğunu ve otomatik metin biçimlendirme ile garip gecikmelere neden olduğunu fark ettiğim gibi - inputType'ı kullanarak bir geri tuşu yakalayabilirsiniz:

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

keydown ile event.key === "Backspace" or "Delete"

Daha yeni ve çok daha temiz: kullanın event.key. Artık keyfi sayı kodları yok!

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

Modern tarz:

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

Mozilla Belgeleri

Desteklenen Tarayıcılar

$('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 += "-"
    } 
}

chrome kullanan android cihazlarda bir backspace tespit edemiyoruz. Bunun için geçici çözümü kullanabilirsiniz:

var oldInput = '',
    newInput = '';

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