javascript - 基于类名切换 event.preventDefault

Question

我想根据链接元素的类名切换 preventDefault 方法。

示例:

<a href="#" class="myLink disabled">My link</a>

//TO-DO: enable click only when link doesn't have disabled class
$('.myLink').on('click', function() {
    //DO SOME STUFF
});

Answer 1

您可以在没有特定类的元素上绑定(bind)事件。使用 :not() 选择器，可以排除元素。

$('.myLink:not(.disabled)').on('click', function

如果 disabled 类是动态应用的，您必须使用 hasClass() 检查点击的链接是否具有该类.

$('.myLink').on('click', function(event) {
    if ($(this).hasClass('disabled')) {
        event.preventDefault();

        // return false; // Use when no action should be performed
    } else {
        // Handle event
        ...
    }
});