点击弹窗外部关闭弹窗

810 阅读1分钟
    <div class="box">
        <div class="content" style="width: 200px; height: 350px; border: 1px solid #000;margin: 100px 0 0 800px;"></div>
    </div>

    <script>
        let content = document.querySelector('.content');

        document.addEventListener('click', (el) => {
            if(content.contains(el.target)){
                console.log('正在浏览中...')
            }else{
                console.log('取消浏览...')
            }
        })
    </script>