DOM元素上的jQuery键盘事件
我正在构建一个项目，我将有两个div，它们的CSS在不同的个人按键上打开。
我正在使用这个jQuery库： https ： //github.com/jeresig/jquery.hotkeys/
你可以在这里看到一个简单的演示： http ： //lazarogamio.com/projects/key_test/
这是我的HTML：
我的CSS：
.test_box { width: 200px; height: 200px; border: 2px solid #000; margin: 20px; float: left; } .red { background-color: red; } .green { background-color: green; }
而我的jQuery：
function keymap(){ $(document).bind('keydown', 'r', function (evt){ $('#red').toggleClass('red'); }); $(document).bind('keydown', 'g', function (evt){ $('#green').toggleClass('green'); }); }; $(document).ready(keymap);
目前，keydown事件正在运行，但是对于每个键和两个div都有效。 我原来每个div由一个单独的函数控制，但我的结果是相同的。 我也尝试映射其他键无所事事，无济于事。 我的预感是我没有正确地定位键，或者可能没有将函数绑定到正确的对象？
在包含jQuery 之前，你要包含hotkeys 。 它需要反过来。 目前，您只是像正常一样绑定到keydown ，并且hotkeys包含没有效果。
如果你首先包含jQuery，它应该按预期工作：