jquery冒泡

最新推荐文章于 2024-07-28 02:25:06 发布

原创最新推荐文章于 2024-07-28 02:25:06 发布 · 373 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#冒泡

java学习专栏收录该内容

38 篇文章

订阅专栏

该博客主要围绕文档冒泡和阻止冒泡展开。通过JavaScript代码实现点击空白处隐藏树菜单，同时在特定元素上绑定事件并使用e.stopPropagation()方法阻止冒泡。还给出了JSP代码，包含树菜单的HTML结构。

//点击空白处隐藏树   文档冒泡

$(document).bind('click',function(e){

   $("#tree").css("display", "none");

   });
//阻止冒泡
$('#treeDiv').bind('click',function(e){
   e.stopPropagation();
   showTree();
   });
//阻止冒泡
$('#tree').bind('click',function(e){
   e.stopPropagation();
   });


        <div id="treeDiv" style="width:120px;" class="btn-group" tabIndex="1111">
                       <button style="width:120px;" class="btn btn-success dropdown-toggle" > 主机来源
                           <span class="caret"></span>
                       </button>
                       <ul id="tree" status="show" class="dropdown-menu ztree"
                           style="display: none;">
                       </ul>
                   </div>