在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作，而点击页面其它地方隐藏该div。比如很多导航菜单，当菜单展开的时候，就会要求点击页面其它非菜单地方，隐藏该菜单先从最简单的开始，假如页面有一个id为test的div，我们要实现点击页面其它地方隐藏该div:<div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;"></div>对于这个问题一般有两种思路，这两种思路都会利用事件冒泡这一原理，想要详细了解Javascript事件机制可以看看JavaScript与HTML交互——事件,这不是本文重点，所以这里只是简单介绍一下事件冒泡，事件冒泡IE的事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的元素Netscape的事件捕获：不太具体的节点更早接收事件，而最具体的元素最后接收事件，和事件冒泡相反DOM事件流：DOM2级事件规...