我有一个输入字段。当用户关注该字段时,该字段的背景将发生变化。
我的页面上也有一个链接。当鼠标悬停在此链接上并且用户在该输入字段上时,我希望删除: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
我该怎么办?
发布于 2014-01-22 17:33:13
发布于 2014-01-22 17:33:50
试试这个:
$(document).ready(function () {
$('#link').hover(function (){
$("input").blur();
}, function (){
//mouse leave
});
});
发布于 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");
});
});
https://stackoverflow.com/questions/21278995
复制相似问题