javascript - 激活 div 内元素的监听器而不激活 div 的监听器

Question

我希望能够激活元素的监听器，而不激活包含我的元素的 div 的监听器。

$('body').on('click', '.thiscoll', function(){
    if (type === "form") {
        hidePanels();
        $('#navbar-pannel').show();
    }
});

$('#main_container').on('click', 'a', function(){
    hidePanels();
    $('#custom-nav').show();

    $('#l-name').html("New link name");
    $('#l-destination').html("New link destination");
});

第一个监听器位于我的 div 上，而第二个监听器位于包含在我的 div 中的链接上。当我点击一个链接时，它首先触发“a”监听器，然后触发“.thiscoll”监听器，而我只想触发“a”监听器。

可能吗？

谢谢。

Answer 1

长话短说，您想要停止事件传播。类似的东西

$('a').on('click', function(event) {
    event.stopPropagation();
    // and possibly do something else you require
});

应该做。