如何使用Jquery禁用网页上的空格键和Tab键？
如何使用Jquery禁用网页上的空格键和Tab键？
提问于 2016-08-12 12:58:43
我有一个“弹出”div，当显示它时，我想禁用页面上的任何keypress或keydown事件。
我尝试了下面的代码：
$(document).on('keypress keydown',function (e) {
var key = e.which;
if(key == 32 && $(".popup").is(":visible")){
// console.log($(".popup").is(":visible"));
// alert("keypresses yr "+(key == 32 && $(".popup").is(":visible")));
e.preventDefault();
return false;
}
});在这里，在if条件下，我检查按下的键是否是spacebar (32)，并且popup框比仅禁用keypress更可见。
没起作用！
我正在使用jquery版本的1.11.1。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-08-12 13:00:50
尝试将代码切换到以下内容：
$(document).on('keypress keydown',function (e) {
return $(".popup").is(":visible") && e.which !== 9 && e.which !== 32;
});如果弹出窗口可见，上面的代码将返回所有按下的键，tab和space，除外。
工作片段：
$(document).on('keypress keydown', function(e) {
/* I changed it to ':focus' to demonstrate how it works inside the input */
return $("#txt").is(":focus") && e.which !== 9 && e.which !== 32;
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<input id="txt" type="text" />
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38918591
复制相关文章
相似问题
腾讯云开发者
