Jquery focusout 事件不适用于 Chrome 浏览器中的复选框

标签 jquery

我有一个表单,要求客户回答文本字段、单选按钮选项和复选框中的问题。我有一个场景,我需要捕获客户回答问题所花费的时间。 IE。某个字段的客户 intime 和 outtime 之间的时间差。我使用 AJAX 调用来更新服务器中的时间。 intime 是使用 jquery focusin 事件捕获的。使用 jquery focusout 事件捕获超时。

以上方法适用于 Firefox 浏览器。然而在 Chrome 浏览器中,我面临焦点事件的问题。单选按钮和复选框不会触发该事件。如果我从一个文本字段转到其他字段,jquery focusout 事件会正确触发。但这同样不适用于单选按钮和复选框。

有人可以帮我解决这个问题吗?另外,您可以提供一些如何捕获字段的 intime 和 outtime 的建议吗?

Fiddle供你引用。使用 Chrome 和 Firefox 尝试一下,看看有什么不同。

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

          });​

最佳答案

我会尝试这个...

//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');
});

参见示例:Fiddle

关于Jquery focusout 事件不适用于 Chrome 浏览器中的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13283100/

相关文章:

javascript - Kentico reCaptcha 不会阻止表单提交

jquery - 如何使用jquery检查输入类型是否为 radio

javascript - 如何在 jquery 中更改 <a> 标签的类

javascript - 删除某个字符后的所有内容

jquery - 突出显示 linkedin 标题

javascript - 响应式 jquery 处于非事件状态

php - jQuery 不使用 JS 搜索功能

javascript - 返回浏览器按钮刷新页面

javascript - 检测 jQuery 中的拖动取消

jquery - 如何在每次渲染元素时获得新的高度并删除 css 样式