Question

jQuery 怎么实现点击页面其他地方隐藏菜单

若以下回答无法解决问题，邀请你更新回答

Answer 1

.menu {
	width:400px; 
	height:auto; 
	background:#CCC; 
	font-size:12px; 
	padding:12px; 
	line-height:22px;
}

$(document).ready(function(e){
	function stopPropagation(e){
		var ev=e||window.event;
		if(ev.stopPropagation){
			ev.stopPropagation();
		}
		else if(window.event){
			window.event.cancelBubble=true;
		}
	}
	$(document).bind('click',function(){
		$('.menu').hide();
	});
	$('.menu').click(function(e){
		stopPropagation(e);
	});
	$('#Button').bind('click',function(e){
		$('.menu').toggle();
		stopPropagation(e);
	});
});

<div class="menu"><span>在本教程中，您将通过教程以及许多在线实例，学到如何通过使用 jQuery 应用 JavaScript 效果。jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。基本上，您将学习到如何选取 HTML 元素，以及如何对它们执行类似隐藏、移动以及操作其内容等任务。</span></div>
<input type="button" value="ShowOrHide" id="Button" />