Tag: 交互式

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由一个单独的函数控制，但我的结果是相同的。 […]