檢測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