Remove :使用jquery聚焦
Remove :使用jquery聚焦
提问于 2014-01-22 17:31:42
我有一个输入字段。当用户关注该字段时，该字段的背景将发生变化。
我的页面上也有一个链接。当鼠标悬停在此链接上并且用户在该输入字段上时，我希望删除:focus。
我使用removeClass(':focus')，但此代码不起作用！
HTML：
<form>
<input type="text" name="email" />
</form>
<a href="#" id="link">Sample Link</a>Javascript:
$(document).ready(function () {
$('#link').hover(function (){
$('form input[name=email]').removeClass(':focus');
}, function (){
$('form input[name=email]').addClass(':focus');
});
});CSS:
form input[name=email]:focus {
background-color: yellow;
}用于上述内容的Here is a fiddle
我该怎么办？
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-01-22 17:33:13
Stack Overflow用户
发布于 2014-01-22 17:33:50
试试这个：
$(document).ready(function () {
$('#link').hover(function (){
$("input").blur();
}, function (){
//mouse leave
});
});Stack Overflow用户
发布于 2014-01-22 17:34:29
试试这个：
$(document).ready(function () {
$('#link').hover(function (){
$('form input[name=email]').blur();
$('form input[name=email]').css("background-color","");
}, function (){
$('form input[name=email]').focus();
$('form input[name=email]').css("background-color"," yellow");
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21278995
复制相关文章
相似问题