javascript - 防止 li 元素内部的 div 中的单击事件

Question

我一直在寻找答案，但没有任何东西真正帮助我解决我的问题。我内部有 div 和 li 元素(位于该 li 元素的底部)。我已经制作了一些函数来在用户单击该 li 元素时显示和隐藏该 div，但我想在单击它时停止隐藏它(不是 li 元素)。

这是我的功能:

$(document).ready(function() {
    $("#panel-user-item").click(function( e ){
        e.preventDefault();
        toggleUserPanel();
    });

    /*$(document).mouseup(function(e)
    {
        var subject = $("#panel-user-panel"); 

        if(e.target.id != subject.attr('id') && !subject.has(e.target).length)
        {
            subject.hide(300);
            subject.addClass("hide");
        }
    });*/

});

function toggleUserPanel()
{
    if(!$("#panel-user-panel").hasClass("hide"))
    {
        $("#panel-user-panel").hide(300);
        $("#panel-user-panel").addClass("hide");
    }
    else
    {
        $("#panel-user-panel").show(300);
        $("#panel-user-panel").removeClass("hide");     
    }
}

有没有办法做这样的事情？我已经搜索了几个小时，但没有找到任何好的解决方案。感谢您的帮助。

Answer 1

event.stopPrapagation() 这就是您正在寻找的。