将附加信息传递到事件处理程序中

Question

我有一个事件处理程序，它在选择框中的选项被单击时执行。

有没有办法通过Ctrl键（按下/未按）到事件处理程序的状态？ evt不包含这些信息，因为所有与密钥相关的属性都是未定义的。

Answer 1

change事件，并用于输入值

的change事件的关键是不是有相关联的密钥。请阅读jQuery的.change()文档：

当元素值发生更改时，将更改事件发送给元素。此事件仅限于元素，框和元素。对于选择框，复选框和单选按钮，当用户使用鼠标进行选择时，会立即触发事件，但对于其他元素类型，事件将被推迟直到元素失去焦点。

的例子是这样的：

1. 你有一些输入字段。
2. 您在该字段中输入“some name”文本。
3. 在进入其他领域之前，您决定将其更改为“some test”，例如。通过按退格几次，那么你导航到下一个字段（例如，通过使用标签键，或者通过点击接下来 iOS上的键盘等），
4. 的onchange事件处理程序被触发，当你浏览到其他字段（或者说，只要字段丢失焦点），所以用于输入值的所有键的信息都是非常不相关的。

使用keypress事件

为了解决这个问题的解决方案，就需要使用keypress事件，例如，实现您的解决方案。感谢jQuery的.keypress() function。在这种情况下，事件对象的ctrlKey属性（列出如here）可让您了解Ctrl键的状态。用法示例是在这里：https://stackoverflow.com/a/4604093/548696

演示了保存键上keypress/​​/keyup和阅读change

它可以在这里找到：

http://jsfiddle.net/tadeck/vPu94/

演示清除焦点记录键，将它们保存在每个keypress事件中（您可以轻松编辑并测试不同情况），并在每次触发change事件时读取它们（并在屏幕上输出）（因此，当t他改变了场地叶子的焦点）。