这个JavaScript代码是否会通过禁用一个键来影响其他按键事件？
我正在使用它来禁用空格键在浏览器中的“滚动”效果。 这会影响其他按键事件吗？
window.onkeydown = function(e) { return !(e.keyCode == 32); }; 有人可以解释一下这是做什么的吗？ 我不确定这段代码是不是很糟糕，但似乎在我的页面中禁用了其他与按键相关的代码，我想确保这不是原因。
谢谢！
ASCII代码32是表示空格键的ASCII值，您的代码实际上是告诉浏览器在检测到该键代码时返回false。 由于返回false，因此您所说的滚动条效果实际上已成功禁用。
但是，这种方便的空格键滚动禁用function的不幸副作用是禁用页面上任何位置的空格键按键。
如果检测到键代码，则不将返回false，而是将当前的scrollTop值传递给闭包，该闭包将函数返回到setTimeout事件。 当setTimeout触发时，scrollTop位置将重置为首次注册setTimeout事件时的值。
window.onkeydown = function(e) { if(event.keyCode == 32) { // alert($(document).scrollTop() ); setTimeout( (function(scrollval) { return function() { $(document).scrollTop(scrollval); }; })( $(document).scrollTop() ), 0); } };
您的用户仍然可以方便地在输入文本框和textareas中使用空格键，同时，在不关注文本元素的同时按空格键将不再导致页面滚动。
在引擎盖下，卷轴仍在进行中。 它只是以足够快的速度重置到用户不注意的地方。
如果将此值增加到100或1000，它将使您更好地了解幕后发生的情况。 您实际上会看到页面滚动，然后回到上一个滚动位置。
这仅在Chrome和Firefox 13中测试过！ 因此，您可能必须在Internet Explorer等浏览器中将setTimeout持续时间（当前为0）调整为不同的值。 准备优雅降级 – 只在现代浏览器中支持此function – 如有必要。
更新：
作为参考，下面是在主要浏览器中使其兼容的方法。 它已在Chrome，Firefox，IE8，IE9和Safari中进行了测试。
虽然它在IE8 / IE9中可行，但它并不是很流畅。
// put the eventhandler in a named function so it can be easily assigned // to other events. function noScrollEvent(e) { e = e || window.event; if(e.keyCode == 32) { setTimeout( (function(scrollval) { return function() { $(document).scrollTop(scrollval); }; })( $(document).scrollTop() ), 0); } } // Chrome and Firefox must use onkeydown window.onkeydown = noScrollEvent; // Internet Explorer 8 and 9 and Safari must use onkeypress window.document.onkeypress = noScrollEvent;
如果另一个元素绑定到keydown事件，则此代码不会影响它
看到我的小提琴，尝试添加和删除听取keydown事件的textarea
window.onkeydown = function(e) { return !(e.keyCode == 32); }; document.getElementsByTagName("textarea")[0].onkeydown = function(e) { alert("hi"); }
上面使用setTimeout的答案对我来说根本不适用于延迟为0的Chome。延迟超过50ms后，它开始工作，但这导致了明显的页面跳转。 我相信setTimeout过早地滚动页面，然后Chrome将其向下移动。
以下是我的解决方案，运作良好。 它在keydown事件上返回false以防止浏览器执行向下翻页。 然后，确保在按钮等上设置的事件代替使用keyup事件。
$(mySelector).keyup(eventHandlerFunction); [dom element].onkeydown = function(event) { if (event.keyCode == 32) {return false;} };
注意：如果此onkeydown处理程序覆盖了它们或它们的父项，则输入字段将不会反映空格键事件