jquery - 谷歌浏览器不会在单选按钮上触发模糊事件？

Question

这是我在这里的第一篇文章 - 大家好

我目前正在开发一个支持 css 和 jquery 的 html 表单。该表格将由“没有经验的用户”使用，因此我的重点在于良好的可用性。因此，我为每个输入字段提供了进一步说明的提示。为了显示提示，我使用了 onfocus/onblur javascript 事件，因此一次只显示一个提示。当我只有 type="text" 输入字段时效果很好，但是对于 type="radio" 输入字段我在 google chrome 中遇到了麻烦。

我在 jsfiddle.net 上做了一个快速示例 这样你就明白我的意思了。那里的代码与我在表单中使用的代码非常相似，所以我懒得在这里贴出来。到目前为止，除了 google chrome 之外，我测试的每个浏览器都会弹出警报。我想知道为什么？是否有任何已知的解决方案或解决方法？

Answer 1

Working sample :

$('input').on({
    click: function (e) {
        this.focus();
        $('#' + this.id + 'msg').show();
    },
    blur: function (e) {
        $('#' + this.id + 'msg').hide();
    }
});