在前端开发中，我们经常需要根据用户的操作响应相应的事件。而当用户按下多个键时，我们是否可以通过jQuery提供的.keypress()方法来检测到这些键呢？
.keypress()方法简介
.keypress()是jQuery提供的一个用于监听键盘输入事件的方法。它可以捕获用户按下的字符，并将其传递给回调函数进行处理。
下面是一个简单的例子：
------------------------------------- ---------------------------------------------- ---
上述代码会在文档对象上绑定一个.keypress()事件处理函数，每当用户在页面上按下一个键时，就会将对应的字符输出到控制台上。
例如，如果用户在页面上按下了字母"A"，则输出结果为：
-
.keypress()方法的限制
然而，.keypress()存在一定的限制：它只能够检测到单个按键。也就是说，如果用户在按下一个键的同时，还按下了其他键，.keypress()仅仅会返回第一个按键的信息。
例如，如果用户在按下"A"的同时，还按下了"B"键，则上述代码的输出结果仍旧为：
-
这是因为.keypress()无法区分出多个按键所对应的字符。
如何同时检测多个按键
如果我们想要在用户同时按下多个键时，能够正确地获取每个键所对应的字符，该怎么做呢？
一种可行的方法是使用.keydown()和.keyup()方法来完成。这两个方法可以分别检测到键被按下和松开的事件，并且可以记录下当前所有处于按下状态的键。
下面是一个使用.keydown()和.keyup()方法来实现同时检测多个按键的例子：
--- ---- - --- ------------------------------------ ----------------- - ----- --- ---------------------------------- ------ ------------------ --- -------------------------------- ------------------------------------- -- ------------------------------------- ---
上述代码会将当前处于按下状态的键记录在keys对象中，并在用户按下或松开某个键时更新keys对象。而在.keypress()事件处理函数中，则可以通过Object.keys()方法获取到keys对象中所有键的信息，并将其拼接成一个字符串输出。
例如，如果用户在页面上同时按下了"A"和"B"键，则输出结果为：
---
总结
尽管.keypress()无法直接检测多个按键，但我们可以通过使用.keydown()和.keyup()方法，配合记录当前按下状态的对象，来实现同时检测多个按键的功能。
这种方法虽然比较麻烦，但却非常实用。在实际的开发工作中，我们可以根据具体需求来选择使用不同的方法来响应用户的操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26091