删除:焦点与jquery

前端之家收集整理的这篇文章主要介绍了删除:焦点与jquery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个输入字段。当用户专注于此字段时,此字段的背景将更改。

我的网页上也有一个链接。我想删除:当鼠标悬停在此链接上,用户在该输入字段时的焦点。

我使用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以上

我该怎么办?

解决方法

您需要使用内置的 blurfocus方法
$(document).ready(function () {
    $('#link').hover(function (){
        $('form input[name=email]').blur();
    },function (){
        $('form input[name=email]').focus();
    });
});
原文链接:https://www.f2er.com/jquery/181969.html

猜你在找的jQuery相关文章