jQuery焦点事件不适用于Chrome浏览器中的复选框

Question

我有一张表格，要求客户回答文本字段，单选按钮选项和复选框中的问题。 我有一个场景，我需要记录客户回答问题所花费的时间。 即。 客户的时间与字段的时间之间的时差。 我使用了AJAX调用来更新服务器中的时间。 使用jquery focusin事件捕获该intime。 使用jquery focusout事件捕获超时。

以上方法在Firefox浏览器中有效。 但是在chrome浏览器中，对焦事件会出现问题。 单选按钮和复选框不会触发该事件。 如果我从一个文本字段转到其他字段，则会正确触发jquery focusout事件。 但是对于单选按钮和复选框同样无效。

有人可以帮我解决这个问题吗？ 您还可以提出一些其他建议，说明如何捕获某个领域的时间和局面。

提琴供您参考。 尝试使用chrome和firefox看看有什么不同。

$('input').focusout(function(){
        alert("out");

          });​

Answer 1

我会尝试这个...

//Target just a checkbox
$('input[type="checkbox"]').on('change', function() {
    alert('Blurred');
});

//Target just a radio button
$('input[type="radio"]').on('change', function() {
    alert('Blurred');
});

//Target both

$('input[type="radio"], input[type="checkbox"]').on('change', function() {
    alert('Blurred');
});

参见示例： 小提琴