bootstrap treeview 下拉节点树

最新推荐文章于 2022-08-25 11:26:16 发布

天下___布武

最新推荐文章于 2022-08-25 11:26:16 发布

阅读量825

点赞数

分类专栏： bootstrap treeview 下拉节点树文章标签： bootstrap treeview下拉节点树

本文链接：https://blog.youkuaiyun.com/qq_22602217/article/details/84966641

版权

bootstrap treeview 下拉节点树专栏收录该内容

1 篇文章

订阅专栏

本文讲述了在IE浏览器中使用Bootstrap Treeview实现下拉节点树时遇到的问题，即点击节点树的父节点会触发onblur事件，导致整个树被隐藏。为了解决这个问题，作者提出了在失去焦点事件中加入延时处理，以区分点击节点与点击外部的区别，从而避免错误隐藏树的状况。同时提供了相关的HTML、JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：想在点击空白处时隐藏下拉树，于是想到了给存放节点树的div添加onblur事件，但是当我点击节点树的父节点时，没有展开节点而是走了onblur事件隐藏了整棵树，在其它浏览器可行，在ie中会使div丢掉焦点，请求解决办法。

代码：

//容器

'<td class="width-15 active"><input type="text" id="fpxmIn'+hanghao+'" name="fpxm'+hanghao+'" class="form-control required" value="" οnclick="showDiv('+hanghao+')" AUTOCOMPLETE="off"/>

</div>

</td>';

//点击input时触发

function showDiv(hanghao){
           getTree1(hanghao);
           $("#"+"fpxmB"+hanghao).show();
           $("#"+"fpxmB"+hanghao).focus();
       }
//构建节点树

       }
       });
       }

//隐藏节点树

function hideDIV(hanghao) {
$("#"+"fpxmB"+hanghao).hide();
}

//失去焦点事件

function moveout1(hanghao){
           console.log("fpxmB失去了焦点");
           setTimeout(
                   function(){
                       hideDIV(hanghao);
                   },
                   200)
       }