这是我在这里发表的第一篇文章 – 大家好
我目前正在开发一个支持css和jquery的html表单.该表格将由“没有经验的用户”使用,因此我的重点在于良好的可用性.因此,我提供了对每个输入字段的提示以及进一步的说明.为了显示我正在使用onfocus / onblur javascript事件的提示,所以一次只显示一个提示.当我只输入type =“text”的输入字段时,这种方法效果很好,但是输入字段类型=“radio”我在谷歌浏览器中遇到了麻烦.
我在jsfiddle.net上做了一个简单的例子,你可以看到我的意思.那里的代码与我在表单中使用的代码非常相似,所以我不打算在这里发布它.到目前为止,我测试的每个浏览器中都会弹出警报,但谷歌浏览器除外.我想知道为什么?它有任何已知的解决方案或解决方法吗?
解决方法
Working sample:
$('input').on({ click: function (e) { this.focus(); $('#' + this.id + 'msg').show(); },blur: function (e) { $('#' + this.id + 'msg').hide(); } });