javascript - 引き出しの外側をクリックすると、開いている引き出しを非表示にします

Question

次のコードを使用して引き出しを切り替えます (表示/非表示): http://outof.me/navigation-drawer-pattern-with-topcoat-css-library/

slideMenuButton.onclick = function (e) {
    var cl = document.body.classList;
    if (cl.contains('left-nav')) {
        cl.remove('left-nav');
    } else {
        cl.add('left-nav');
    }
};

正常に動作します。ここで、引き出しの外側がクリックされるたびに引き出しを閉じたいと思います。これを行う方法として推奨される方法はありますか?

Answer 1

The solution would be:

$("body").on("click",function(e) {
    var cl = document.body.classList;
    if (cl.contains('left-nav')) {
        cl.remove('left-nav');
    }
}

(Works for me.)