JS点击某特定区域外关闭当前弹框

    技术2022-07-10  161

    <div> <!--弹框1 div--> <div class='crimes-penalty-title'> <div class='crimes-penalty-title2'></div> </div> <!--其他区域--> <div class='crimes-penalty-content'> </div> </div>

    1.首先设置全局的监听事件,通过点击事件查找相应DOM,进行判断是否关闭弹框

    $(function(){ $(document).bind("click", function(e){ if ($(e.target).closest(".crimes-penalty-content").length == 0) { //关闭弹框操作 } }); })

    2. e.target 用于直接接受事件的目标DOM元素

    3. closest()用于查找接近的列表元素或其子后代元素,以保证点击弹框DIV内部的元素时也不会关闭弹框

    Processed: 0.012, SQL: 12