JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档标签: jquery点击

jquery点击页面隐藏DIV.

先看一下html页面:要求点击div#searchSelected显示div#searchTab,当点击页面其它地方的时候也需隐藏div#searchTabjs代码:function stopPropagation(e) {     if (e.stopPropagation)         e.stopPropagation();     else         e.cancelBubble = true; } $(function(){     $(document).click(function(){         ...
此文被围观3508次  分类: 前端设计 标签:  ····

jquery点击页面隐藏,由点击页面其它地方隐藏div所想到的jQuery的delegate.

在网页开发的过程中经常遇到的一个需求就是点击一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级事件规...
此文被围观3255次  分类: 前端设计 标签:  ····

站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。蜀ICP备12031064号      川公网安备51162302000234