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

解决方案是：

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

（为我工作。）