如何删除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');
    });

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');  
 });