防止按键同时shift键举行

Question

我正在试图防止某些键被输入到输入框，但只有特定的键被按下而转变键被：

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

警报触发但字符仍显示在文本框中。

我试着四处寻找解释，为什么会发生这种情况，但无济于事，任何帮助将不胜感激！

编辑

卸下alert似乎解决这个问题（这似乎奇怪的），我真的很想知道为什么这样的行为虽然，它似乎没有任何意义。

感谢

Answer 1

如果现在的问题是：为什么alert()有所作为？

alert是一个有趣的语句（和confirm和prompt），它暂停您的JavaScript的执行，但释放了任何其他等待您的JavaScript执行的浏览器处理。它会干扰调试相当多。

浏览器将不会对您preventDefault()发言作出反应，直到你的JavaScript已经完成，将在alert有已暂停你的JavaScript，因此浏览器并没有在这一点上接收到的事件的返回状态，而不幸的是，alert已允许浏览器处理其他事件，即keypress，该事件潜行过去，因此您看到不想输入的字符出现。

你不能使用alert，或者，如果你需要它（？！），你可以发布它包裹在一个setTimeout，所以它不会阻止你的JavaScript和​​的结果将导致keypress之中抑制。

-

或者，您可以首先使用了keypress！

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

尽管如此，这仍然不能阻止字符被替代方法输入，所以我个人不会首先考虑到这一点。 ： -/

Answer 2

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

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

Working sample

，因为从jQuery的文档：

对于键或鼠标事件，此属性指示特定键或 按钮是pressed.The event.which财产归event.keyCode和event.charCode。建议观看事件，其中用于键盘按键输入。 event.which也归按钮按压（鼠标按下和mouseupevents），报告1左按钮，2中间，和3为右。使用event.which而不是event.button。

如果你想删除输入英镑符号上.keyup()

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

DEMO

试试这个，然后尝试：

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

的完整代码

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

Answer 3

$('#selector').keydown(function(e) { 
    console.log(e.shiftKey); 
    if (e.shiftKey && e.keyCode == 51) { 
    $(this).prop('disabled', true); 
    //do something, fade an object in...display a message, etc 
    setTimeout(function(){ 
     $(this).prop('disabled', false); 
    }, 500); 
    } 
}); 

这对我的作品。

编辑

新增setTimeout函数来复制你的愿望。