jquery - 如何删除Jquery的所有事件onlick

Question

当我点击输入事件下拉菜单被激活。现在我想在它外面点击并删除所有下拉事件。

 <div class="dropdown">
    <input type="text" class=" dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
      <li><a href="#">JavaScript</a></li>
    </ul>
  </div>

  <div class="dropdown">
    <input type="text" class=" dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
      <li><a href="#">JavaScript</a></li>
    </ul>
  </div>

我在下面使用此代码，但它不起作用。每个人都帮助我

window.addEventListener("click", () => {
        $(this).find("*").off('click');
    });

标签： jquery

Answer 1

 // onclick of dropdown add click class event
 $('.dropdown').click(function(){
    $(this).find('drop-down-toggle').addClass('click');
 });

// onclick of html remove all click class from drop down toggle
$('html').click(function(){
    $('.drop-down-toggle').removeClass('click');  
 });