首页 > 技术文章 > ztree 模糊搜索清空检索条件及节点高亮显示后鼠标悬浮title显示标签问题

zhinian- 2021-03-18 10:24 原文

对ztree官网提供的fuzzysearch.js 进行完善

//初始化模糊搜索
fuzzySearch('tree','#searchTree',null,true);

 

1、清空搜索条件

                        //清空搜索条件
                        var searchInput = $('#searchTree');
                        searchInput.val('').blur();//清空模糊搜索绑定的input
                        var event = new UIEvent('input');// 构造input事件对象
                        searchInput[0].dispatchEvent(event);// 触发input的input事件

 

2、节点高亮显示后鼠标悬浮title显示标签问题
fuzzysearch.js 源码下方直接接入下方代码:
//清除高亮显示后的title显示span等标签
(function removeZtreeTitleLabel() {

    jQuery(document).on('mouseenter', '.ztree li a', ztreeHover)

    function ztreeHover() {

        var titleStr = jQuery(this).attr('title');
        var regex = /(<([^>]+)>)/ig;
        jQuery(this).attr('title', titleStr.replace(regex, ""))

    }

})()

 

推荐阅读