jquery鼠标点击空白处触发事件代码`求解
就是比如有一个菜单的按钮提示，当你点击菜单按钮的时候会浏览器左侧出现菜单的选项，当你鼠标点击页面空白处的时候，让这个菜单选项再隐藏~~~求大神指教...
就是比如有一个菜单的按钮提示，当你点击菜单按钮的时候会浏览器左侧出现菜单的选项，当你鼠标点击页面空白处的时候，让这个菜单选项再隐藏~~~求大神指教
展开
3个回答
展开全部
<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事件会重叠，所以这里判断了事件来源，然后再进行相关动作
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!-- 简单得一个例子 -->
$(function(){
//点击按钮出现出现菜单
$('#按钮id').click(function(){
$('#菜单id').show();//菜单显示
})
//点击空白处隐藏隐藏
$('body').click(function(){
('#菜单id').hide();//菜单隐藏
})
})
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以反向思考，当用户点击"非"菜单区域时，隐藏此区块
不懂可以私信问我
不懂可以私信问我
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
