首页 > 其他 > 详细

除指定区域外点击任何地方隐藏DIV

时间:2020-03-16 10:12:07      阅读:50      评论:0      收藏:0      [点我收藏+]
<ul>
    <li><a href="#">主菜单1</a></li>
    <li><a href="#">主菜单2</a></li>
    <li class="li-other">
        <a href="javascript:;">其他<i class="arrow-down"></i></a>
        <div class="otherbox">
            <ul>
                <li><a href="#">子菜单1</a></li>
                <li><a href="#">子菜单2</a></li>
            </ul>
        </div>
    </li>
</ul>                

HTML如上:

JQuery如下:

$(‘.li-other‘).on(‘mousedown‘,function(event){
    event.stopPropagation();//阻止mousedown 事件冒泡(注意只阻止了mousedown事件)
    event.preventDefault();//阻止当前元素默认事件
    $(‘.li-other‘).toggleClass("active");
});
$(document).on(‘mousedown‘,function(){
    $(‘.li-other‘).removeClass("active");
});

 

除指定区域外点击任何地方隐藏DIV

原文:https://www.cnblogs.com/rainy0496/p/12501697.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!