如何使用jQuery捕获退格键？ [复制]

Question

当按下退格键时，不会触发 jQuery keyup、keydown 或 keypress 方法。如何捕获退格键的按下？

Answer 1

试试这个：

 $('html').keyup(function(e){if(e.keyCode == 8)alert('backspace trapped')})  

Answer 2

常规 javascript 可用于捕获退格键。您可以使用 event.keyCode 方法。键码是 8，所以代码看起来像这样：

if (event.keyCode == 8) {
    // Do stuff...
}

如果您想同时检查 [delete] (46) 和 [backspace] (8) 键，请使用以下命令：

if (event.keyCode == 8 || event.keyCode == 46) {
    // Do stuff...
}

Answer 3

与上面的想法相同，但概括了一点。 由于退格应该在输入元素上正常工作，但如果焦点是段落或其他内容，则不应该工作，因为它在那里页面倾向于返回到历史上的前一页。

$('html').on('keydown' , function(event) {

        if(! $(event.target).is('input')) {
            console.log(event.which);
           //event.preventDefault();
           if(event.which == 8) {
            //  alert('backspace pressed');
            return false;
         }
        }
});

returning false => event.preventDefault 和 event.stopPropagation 都有效。

Answer 4

大多数浏览器上退格的默认行为是返回上一页。如果你确实不想要这种行为，你需要确保调用preventDefault()。但是，正如 OP 所暗示的那样，如果您始终将其称为 preventDefault()，您也将无法删除文本字段中的内容。下面的代码有一个改编自this answer 的解决方案。

另外，jQuery has keyCode constants 已经定义，而不是使用硬编码的 keyCode 值（某些值会根据您的浏览器而变化，尽管我还没有发现 Backspace 或 Delete 是正确的）。这使您的代码更具可读性，并为您处理任何 keyCode 不一致的问题。

// Bind keydown event to this function.  Replace document with jQuery selector
// to only bind to that element.
$(document).keydown(function(e){

    // Use jquery's constants rather than an unintuitive magic number.
    // $.ui.keyCode.DELETE is also available. <- See how constants are better than '46'?
    if (e.keyCode == $.ui.keyCode.BACKSPACE) {

        // Filters out events coming from any of the following tags so Backspace
        // will work when typing text, but not take the page back otherwise.
        var rx = /INPUT|SELECT|TEXTAREA/i;
        if(!rx.test(e.target.tagName) || e.target.disabled || e.target.readOnly ){
            e.preventDefault();
        }

       // Add your code here.
     }
});