如何在按钮触发活动事件时更改班级

喜欢的东西：

$("#invitation button").mouseover(function() { 
    $(this).addClass("ui-state-hover"); 
}).mouseout(function() { 
    $(this).removeClass("ui-state-hover"); 
});

但对于 '主动' 事件。主动（点击）

$("#invitation button").mousedown(function() { 
    $(this).addClass("your-class"); 
}); 
$("#invitation button").mouseup(function() { 
    $(this).removeClass("your-class"); 
});

来源

2013-04-30 Behnil

文档on()你通过主动是什么意思？似乎与点击事件相同 – Sachin 2013-04-30 20:34:36

没有活动事件。你的意思是重点？ – Jacob 2013-04-30 20:34:58

你的意思是CSS伪类：active？ – 2013-04-30 20:35:54

更清洁

来源

2013-04-30 20:39:07

真棒，谢谢 – Behnil 2013-04-30 20:42:59

这是一个很好的答案 – 2013-04-30 20:43:33

只是为了澄清，似乎不可能触发规范中描述的实际'DOMActive'状态。请参阅http://stackoverflow.com/questions/8101854/activate-an-elements-active-css-pseudo-class-using-javascript#comment10044626_8102096 – 2013-04-30 20:46:14

$("#invitation button").mouseover(function() { 
    $(this).addClass("ui-state-hover"); 
}); 
$("#invitation button").mouseout(function() { 
    $(this).removeClass("ui-state-hover"); 
});

更改类：

$("#invitation").on('mousedown mouseup', 'button', function(){ 
    $(this).toggleClass("your-class"); 
});

见在http://api.jquery.com/on/

来源

2013-04-30 20:35:48 Memolition

好的答案，但@Gabriel Izaias提供了更好的代码 – Behnil 2013-04-30 20:42:43

如何在按钮触发活动事件时更改班级

回答

相关问题