关于javascript：在按住Shift键的同时防止按键

Prevent keypress whilst shift key is held

我试图防止某些键被输入到输入框中，但前提是在按住shift键的同时按下该特定键：

1
2
3
4
5
6
7

$('selector').keydown(function(e) {
console.log(e.shiftKey);
if (e.shiftKey && e.which == 51) {
e.preventDefault();
alert('Disallowed');
}
});

警报将触发，但角色仍出现在文本框中。

我尝试搜索有关为什么会发生这种情况的解释，但无济于事，我们将不胜感激！

编辑

删除alert似乎可以解决问题(这看起来很奇怪)，我真的很想知道为什么它会以这种方式运行，但这似乎没有任何意义。

谢谢

相关讨论

只需使用e.which而不是e.keyCode

1
2
3
4
5
6

$('#input').keydown(function(e) {
if (e.shiftKey && e.which == 51) {
e.preventDefault();
alert('Disallowed');
}
});

工作样本

因为，来自jQuery doc：

For key or mouse events, this property indicates the specific key or
button that was pressed.The event.which property normalizes event.keyCode and event.charCode. It is recommended to watch event.which for keyboard key input.
event.which also normalizes button presses (mousedown and mouseupevents), reporting 1 for left button, 2 for middle, and 3 for right. Use event.which instead of event.button.

在.keyup()上尝试

1
2
3
4
5
6

$('#input').keyup(function(e) {
var val = $.trim( this.value );
if (e.shiftKey && e.which == 51) {
$(this).val(val.replace(/\\#/,''));
}
});

演示

？

如果您尝试从输入中删除井号，请尝试：

1	$(this).val( val.replace(/\\u00A3/g, '') );

完整代码

1
2
3
4
5
6

$('#input').keyup(function(e) {
var val = $.trim( this.value );
if (e.shiftKey && e.which == 51) {
$(this).val( val.replace(/\\u00A3/g, '') );
}
});