javascript - jquery绑定(bind)点击和悬停，如何检查是否点击

Question

我有这样的组合功能(简化版):

$('label').bind('click hover', function() {
    $('label').removeClass("active");
    $(this).addClass("active");
});

如何添加 if 来检查是否是点击？

Answer 1

使用event.type :

$('label').bind('click hover', function(event) {
    if(event.type == 'click') {
        // do stuff
    }
    $('label').removeClass("active");
    $(this).addClass("active");
});

演示:http://jsfiddle.net/jtbowden/sqvDy/

注意，demo中使用了.on()，这是jQuery 1.7+新的事件绑定(bind)方法，取代了.bind()、。 live() 和 .delegate()。