javascript - 在特定的点击事件之后触发点击事件。（绑定功能）

Question

下面是我的html和jquery。彻底的 jquery 我在单击 logBtn 时通过 toggleClass 功能将 class-disBloS 添加和删除到名为 inn 的 div 中。
当用户单击页面上的任何内容时，我还做了一个功能来从 Div(inn) 中删除 disBloS。但问题是每次我点击正文中的任何内容时都会触发该功能。我的需要是只有在此之前单击 logBtn 按钮时才会触发。它必须在未单击 logBtn 按钮时触发 之前

html代码

<a href="#" class="togg" id="logBtn"></a>
<div class="inn"></div>

单击 logBtn 时 Jquery 添加 disBloS

$('#logBtn').click(function() {
    arrNext = $(this).next();
    arrow = $(this);
    $(this).next().toggleClass('disBloS');
    $(this).toggleClass('up');
});

单击页面上的任何内容时，Jquery 将删除 disBloS

$('body').click(function(e){
  if(e.target.id !== 'logBtn') {
          $(arrNext).removeClass('disBloS');
          $(arrow).removeClass('up');

  }

});

Answer 1

这能解决你的问题吗？这将阻止对 logBtn 的单击传播到正文。

$('#logBtn').click(function(e){
    $(this).next().toggleClass('disBloS');
    e.stopPropagation();
});