js 如何判断鼠标点在指定区域外

Question

如图，我写了一个提示框，点击左边的图标会出来提示框，怎样能够实现鼠标点击提示框以外的区域，提示框消失？

Answer 1

document添加click事件，判断点击的对象不是你的弹出层隐藏

    $(document).click(function (e) {
        var pop=$('#你的弹出层ID')[0];
        if (e.target!= pop &&!$.contains(pop, e.target)) pop.style.display='none'
    })