删除:使用jquery进行焦点

Question

我有一个输入字段.当用户关注此字段时,此字段的背景将更改.

我的页面上也有链接.: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;    
}

这是上面的小提琴

我该怎么办？

Answer 1

您需要使用内置的模糊和焦点方法:

$(document).ready(function () {
    $('#link').hover(function (){
        $('form input[name=email]').blur();
    }, function (){
        $('form input[name=email]').focus();
    });
});