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

Question

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

我目前正在开发一个支持css和jquery的html表单.该表格将由"没有经验的用户"使用,因此我的重点在于良好的可用性.因此,我提供了对每个输入字段的提示以及进一步的说明.为了显示我正在使用onfocus/onblur javascript事件的提示,所以一次只显示一个提示.当我只有输入字段时type="text",这很好用,但输入字段type="radio"我在谷歌浏览器中遇到麻烦.

我在jsfiddle.net上做了一个简单的例子,你可以看到我的意思.那里的代码与我在表单中使用的代码非常相似,所以我不打算在这里发布它.到目前为止,我测试的每个浏览器中都会弹出警报,但谷歌浏览器除外.我想知道为什么？它有任何已知的解决方案或解决方法吗？

Answer 1

工作样本：

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