检测backspace并删除“输入”事件？

Question

如何做到这一点？

我想：

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

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

，但它不工作...

如果我做它的工作原理的按键事件是相同的，但我不希望使用按键，因为它在我的输入字段中输出输入的字符。我需要能够控制

---

我的代码：

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

没有字符应该在我输入附加，除了我正在与VAL（） 实际上从输入加用户应该完全忽略，只有按键动作对我来说很重要

Answer 1

使用.onkeydown并取消使用return false;删除。就像这样：

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

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

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

---

或者使用jQuery，因为你添加一个jQuery标签你的问题：

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

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

Answer 2

您是否尝试过使用'onkeydown'？ 这是您正在寻找的活动。

它在输入插入前运行，并允许您取消字符输入。

Answer 3

使用jQuery

的event.which属性规范化event.keyCode和event.charCode。建议观看event.which用于键盘按键输入。

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

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

Answer 4

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

Answer 5

event.key === “退格”

最近的和更清洁：使用event.key。没有更多的任意数字代码！

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

Mozilla Docs

Supported Browsers

Answer 6

​​最近和许多event.key === "Backspace" or "Delete"

更清洁：使用event.key。没有更多的任意数字代码！

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

Mozilla Docs

Supported Browsers