用另一个来阻止一个jQuery事件

为了整理我的jQuery,我希望使用事件处理程序为各种元素创建一个“确认”类,这样我就可以启动一个快速确认框,以便用户确认他们的操作.

如果用户在确认框中单击取消,则应取消以下任何事件,但这不应是永久性的,例如,再次触发事件应显示确认并重新开始.如果我可以解决这个问题,我可以让任何敏感操作都有一个确认问题,以确保用户想要点击.

例如：

$('.confirm').click(function() {
    if(!confirm('Are you sure?')) {
        // Stop any other click events on $(this) from happening this instance.
    }
});

$('.clicker').click(function() {
    alert('it happened');
});

<a class="clicker confirm">Click me</a>

期望的输出将是取消确认将取消点击事件,但不完全禁用它.

$('.confirm').click(function(event) {
    if(!confirm('Are you sure?')) {
        event.stopImmediatePropagation();

        // Stop any other click events on $(this) from happening this instance.
    }
});

$('.clicker').click(function() {
    alert('it happened');
});