如何在按鈕觸發活動事件時更改班級

喜歡的東西：

$("#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

如何在按鈕觸發活動事件時更改班級

回答

相關問題