Mouseover/MouseOut jquery
Mouseover/MouseOut jquery
提问于 2011-11-07 22:23:29
我意识到回答这个问题有多简单，但我陷入了用药的迷雾中，答案也扑面而来。
我想把它变成一个简单的函数，如果鼠标移出时文本框的值为空，则显示特定的文本，并在鼠标悬停时清空文本值。
我现在所拥有的功能是有效的，但是非常丑陋：
$(".disappearOnClick").live('mouseover',function() {
if($(this).val() === 'BFA Offset') {
$(this).val('')
}
});
$(".disappearOnClick").live('mouseout',function() {
if($(this).val() === '') {
$(this).val('BFA Offset')
}
});回答 5
Stack Overflow用户
回答已采纳
发布于 2011-11-07 22:35:23
您可以使用live()方法绑定到多个事件-因此您可以使用如下的->
$('.disappearOnClick').live('mouseover mouseout', function(event) {
if (event.type == 'mouseover') {
if($(this).val() === 'BFA Offset') {
$(this).val('');
}
} else {
if($(this).val() === '') {
$(this).val('BFA Offset');
}
}
});Stack Overflow用户
发布于 2011-11-07 22:27:08
$(".disappearOnClick").mouseover(function(){...});和
$(".disappearOnClick").mouseout(function(){...});也会工作得很好。
Stack Overflow用户
发布于 2011-11-07 22:35:10
您应该改用hover：
$(".disappearOnClick").hover(
function(){
//mouseover
},
function(){
//mouseout
}
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8037751
复制相关文章
相似问题
腾讯云开发者
