html中用jq中焦点详解,javascript – jQuery .focus()和.blur()在Chrome或Safari中不起作用...

我正在创建一个调查表,需要在用户关注他们时突出显示每个问题和一组答案(通过更改背景颜色). .focus()和.blur()都可以在Firefox和IE中使用,但并不完全在Safari和Chrome中.我也尝试了.focusin()和.focusout()相同的结果.编辑：单击不触发焦点事件,但是通过输入字段标签.我说的不完全是因为它适用于文本输入,选择输入和文本输入;但不是收音机和复选框输入.

$(document).ready(function()

{

$("form li").focusin(function()

{

$(this).addClass("over");

}).focusout(function()

{

$(this).removeClass("over");

});

});

这被应用到类似于html的块：

Email

Purpose of your Charter Flight:

Business

Pleasure

我试图用切换来解决问题,但我正在寻找一个更优雅的解决方案,它不涉及使用复杂的逻辑来使其工作.有任何想法吗？

@H_403_10@

很久以前我也遇到过这个问题,奇怪的是一个单选按钮让我感到悲伤.

尝试使用jQuery.change(),这是一个从这个问题的一个工作的例子

$("input#zendesk-dropBox-askedbefore,input#zendesk-dropBox-newhere").change(function() {

$("label#zendesk-dropBox-label-askedbefore,label#zendesk-dropBox-label-newhere").toggleClass('zendesk-dropBox-label-highlight');

});

如果我不清楚我对ID名称的疯狂使用,请输入#zendesk-dropBox-askbefore&输入#zendesk-dropBox-newhere都是单选按钮.

@H_403_10@

@H_403_10@

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！