javascript - keyup 事件上的 preventDefault() 不起作用

Question

我无法让 preventDefault() 工作。

以下是我尝试过的一些不同的代码变体:

首先:

$(document).keyup(function (evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode == 192) {
        alert('192');
        return false;
    }
});

第二个:

$(document).keyup(function (evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode == 192) {
        alert('192');
        evt.preventDefault();
    }
});

第三:

$(document).keyup(function (evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode == 192) {
        alert('192');
        evt.preventDefault();
        return false;
    }
});

只有警报有效。
一切都适用于 Opera，但不适用于 Chrome 和 IE还尝试了 keydown 和 keypress。在 keypress 上脚本不起作用。$('#thetext').keydown(function(evt){}); 这两个都不起作用。
这是完整的代码:http://bbullett.tk/test/kakey.html

Key 192 = `

我正在尝试插入一些文本或符号而不是 `

Answer 1

监听 keyup 事件来不及调用 preventDefault，请尝试监听 keypress 或 keydown。

$('input[type=text], textarea').on('keydown', function(event){
    if (event.which == 192) {
        console.log('192');
        event.preventDefault();
    }
});

请注意，jQuery 规范化了 which 属性并且它是跨浏览器的。

http://jsfiddle.net/763ys/