jquery鼠标点击空白处触发事件代码`求解

发布网友发布时间：2022-04-28 20:15

共3个回答

热心网友时间：2022-04-24 01:03

<html>
<head>
<meta charset="utf-8">
<style>
div {
    width:60px;
    height:60px;
    text-align:center;
    border:1px solid #000;
}
#menu {
    position:absolute;
    left:0;
    top:20%;
}
</style>
</head>
<body>
<div id="pop">我是提示</div>
<div id="menu">我是菜单</div>
<script src="jquery.js"></script>
<script>
$(function(){
    return $("#menu").hide(), $(document).click(function(){
        return event.srcElement.id == "pop" ? $("#menu").show() : $("#menu").hide();
    });
});
</script>
</body>
</html>

这里的难点是，点击元素和点击document事件会重叠，所以这里判断了事件来源，然后再进行相关动作

热心网友时间：2022-04-24 02:21

$(function(){
    //点击按钮出现出现菜单
    $('#按钮id').click(function(){
        $('#菜单id').show();//菜单显示
    })

    //点击空白处隐藏隐藏
    $('body').click(function(){
        ('#菜单id').hide();//菜单隐藏
    })
})

热心网友时间：2022-04-24 03:56

你可以反向思考，当用户点击"非"菜单区域时，隐藏此区块
不懂可以私信问我