Chrome 中收音机和复选框上的关键事件不起作用答案

【问题标题】：Key events on radio and checkboxes in Chrome not workingChrome 中收音机和复选框上的关键事件不起作用
【发布时间】：2013-09-02 10:44:36
【问题描述】：

我有一个页面，其中包含单选和复选框类型的输入字段。我希望能够在用户按下某个键而这些输入字段之一被聚焦时触发一个事件。

我的代码是：

<li class="duplicatable">
    <input type="radio" name="a" value="v" />    
</li>

在文档加载中我应用了事件处理：

$('.duplicatable').keypress(function(event) {
    console.log('pressed: ' + event);
});

我也试过了：

$(document).on('keypress', '.duplicatable', function(event) {
    console.log('pressed: ' + event);
});

我也试过了：

$('.duplicatable > li') etc...

我已经测试了在 Chrome 和 Firefox 中有效的点击事件，但是当这是一个关键事件时，Firework 有效，但 Chrome 什么也不做。

Chrome 是否根本不处理收音机和复选框（或者更确切地说是 li 元素）上的关键事件？

【问题讨论】：

你确定输入是有焦点的吗？请注意，单击单选按钮将选中它，但实际上不会聚焦它。（比如你去jsfiddle.net/xymostech/v3naW这里按Tab键，那么它会真正聚焦，你可以得到事件）
我认为这不是重点。我尝试应用标签，但按键也不起作用。 jsfiddle.net/UGq6j/1 这个例子也证明了 Firefox 是如何做到这一点的，而 Chrome 却没有。
单选按钮没有keypress 事件，它们无法捕获用户击键，因此这是不可信的。 @Xymotech，虽然这是正确的，但这是徒劳的。请参阅我前面提到的声明。
好吧，我通过将点击事件附加到它们来使其工作，这将焦点放在事件的目标上。所以你的笔记确实有帮助:-)
Xymotech，如果你想把它作为答案，我很乐意接受。

【解决方案1】：

您是否尝试过直接在输入上绑定事件：

$('.duplicate input:checked').click(/*...*/)

【讨论】：