javascript - 要素の外側でクリックされた JavaScript

Question

jQuery を使用すると、ユーザーが特定の要素の外側をクリックしたかどうかを簡単に確認でき、開いているドロップダウン メニューの外側をクリックして閉じるのと同じように、それに反応することができます。

jQueryではなく、JavaScriptだけで同様のことを達成しようとしています。これが私の現在のコードです：

window.onload = function() {
  var nav = document.querySelectorAll('ul li.current_page_item');
  var navList = nav[0].parentNode;

//Open the navigation menu list
  nav[0].onclick = function() {
    navList.className = 'open';
  }
}

現時点では、子要素がクリックされたopen場合、コードは順不同リストにのクラスを適用します。li.current_page_item

ユーザーがリスト項目openの外側をクリックすると、(クラスを削除するために) イベントをトリガーしたいと思います。li.current_page_item

JavaScript だけでこのようなことを行うイベントをリッスンして反応する方法を誰かが示すことができますか?

お時間をいただきありがとうございます。