jstree双击事件改为单击事件，jsTree单击右边文字展开菜单树，和点击左边小三角效果相同，原先是双击文字打开菜单

最新推荐文章于 2021-11-02 17:11:33 发布
最新推荐文章于 2021-11-02 17:11:33 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： java JSP Js jQuery jstree 文章标签： js jsTree 双击事件转换为单击事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiachaoyang/article/details/96484718
版权
java 同时被 3 个专栏收录
34 篇文章 0 订阅
订阅专栏
JSP
4 篇文章 0 订阅
订阅专栏
Js
3 篇文章 0 订阅
订阅专栏

因为我js并不是很好，所以并不确定这么修改是不是正确的，因为我这只有树用到了这个，不确定其他地方是不是也有用到双击事件，如果正解，请回复，谢谢

网上查了解决方案，依然还是双击才能展开菜单树，我这种方式可能比较野蛮，不太正确，请指正：

 

因需要将双击文字打开菜单，转变为单击文字打开菜单，我将jstree.js中所有"dblclick"替换为"click"....

双击事件变为单击了....

 

青城山下
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
Jstree点击，双击，样式，用法
Steven_Zc的博客
05-08 4196
调用的样式 /jstree/3.3.3/themes/default/style.min.css /jquery-treegrid/0.3.0/css/jquery.treegrid.css /jstree/3.3.3/jstree.min.js /bootstrap-select/1.12.0/css/bootstrap-select.min.css /bootstrap-select
jquery.jstree 增加节点的双击事件代码
10-29
本文基于 jsTree 1.0-rc1 版本增加节点的双击事件。
jstree.net 双击
m0_55208453的博客
07-19 71
上一篇简单的吧jstree的单击事件，这一篇我们继续研究jstree的双击事件 一、jstree双击事件 本节主要介绍jstree的双击事件。这个是翻遍了jstree的官方网站的，没有双击的事件。但是每次都点击前面的那个三角符号或者图片按钮，真的挺不喜欢的，目前项目中使用了这个插件遇到了一点问题，以前使用simpletree的时候可以双击父节点[展开/收缩]子节点...
jstree 添加双击事件 且 实现双击展开和关闭
heioo的专栏
12-19 1298
转载自：http://www.cnblogs.com/coolcode/archive/2010/07/26/jstree_add_event_for_node_dblclick.html jquery.jstree 增加节点的双击事件 jstree 本文基于 jsTree 1.0-rc1 版本增加节点的双击事件。 jsTree 是基于jquery的树插件，支持拖放、复制、删...
JS中的双击事件
gyueh的博客
11-26 504
目的：双击某按钮，显示某部分内容 html部分代码如下所示： <button class="btn btn-default" id="box" >登录</button> <div class="modal"> </div> js部分代码如下所示： <script src="//libs.baidu.com/jquery/1.10.2/jqu...
JS中双击和单击事件冲突的解决方法
10-18
主要为大家详细介绍了JS中双击和单击事件冲突的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js鼠标单击和双击事件冲突问题的快速解决方法
10-21
下面小编就为大家带来一篇js鼠标单击和双击事件冲突问题的快速解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js单击事件和双击事件并存绑定
12-25
"js单击事件和双击事件并存绑定"这个主题涉及到如何让一个元素同时响应单击（click）和双击（dblclick）事件，而不互相冲突。这在实现某些交互功能时非常有用，比如，单击可能打开一个菜单，而双击则可能编辑内容。...
jstree只能单击左边三角形图标展开菜单，需要单击文字也能展开菜单
孟秋与你的博客
11-18 1168
1.明确jstree的版本 低版本对应的js文件 例如0.9.8 名字叫做tree_component.js，而新版本 例如3.3.8 叫jstree.js 根据前辈们的描述 新版jstree应该是所有树都统一是双击展开，这时只需要把jstree.js里面的dblclick事件换成click就好了 如果是旧版 不同的树单双击可能触发不一样的事件，我们则需要找到核心的代码语句，将上面箭头这一句...
使用插件和纯JS实现在右边区域打开菜单新增tab
慧小慧博客
06-16 549
使用插件和纯JS实现在右边区域打开菜单新增tab 开发工具与关键技术：MVC，JavaScript 作者：邱慧敏 撰写时间：2019.06.16 上面的就是初始的表，接下来我在点击“数据表格”的时候，它不会重新打开一个新的页面，是直接嵌套在首页的旁边。 先把框架给打好，获取框架的id， <div region="center" title=""> <div clas...
js原生动态展开折叠树形
qq_43059898的博客
03-22 1226
tree-demo <script> // 数组 const treeList = [{ title: '树形菜单', children: [ { title: '一级菜单', children:...
JS中双击和单击事件冲突的解决方法及案例
SuperCookies的博客
05-23 2460
JS中双击和单击事件冲突的解决方法及案例问题前置条件：        在JS中，针对同一DOM操作中有时会同时用到单击、双击事件（ps：单击和双击事件执行不同的函数），但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree中经常遇到（下面附有案例）。解决办法：        想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击...
jstree 使用简介
gxy_2016的博客
03-06 2188
最近做项目时，需要显示地区信息（树状结构表），使用的 jquery 扩展插件 jstree，地址是：jstree官网。 使用步骤:1、引入一个 jsTree 的主题样式<!-- 注意 href 设置的路径 --> <link rel="stylesheet" href="dist/themes/default/style.min.css" />2、定义一个放置树状结构的容器<div id="jst
jquery.jstree 增加节点的双击事件
weixin_34072637的博客
07-26 305
jstree 本文基于  jsTree 1.0-rc1 版本增加节点的双击事件。 jsTree 是基于jquery的树插件，支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保存状态等等，总之我想到的它基本上都有了，而且最值得表扬的是它让人感觉一点都不慢哦。 jsTree有节点选择事件，即.bind("select_node.jstree", function(e, dat...
获取 jstree 当前点击事件
A9925的专栏
02-13 3390
&lt;div style="margin-left: 400px;margin-top: 20px;"&gt; &lt;div id="html" class="demo" style=""&gt; &lt;/div&gt; &lt;/div&gt; 获取节点$('#html').on('changed.jstree',function(e,data){//
jstree点击一次执行两次的问题
qq_40597889的博客
09-17 1549
jstree点击一次执行两次的问题 应产品需求，用jstree写了一个tree，但是却有一个bug，记录一下bug的修改过程及方法，希望可以帮助更多的人 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q 插入链接 Ctrl + L 插入代码 Ctrl + K 插入图片 Ctrl + G 提升标题 Ctrl ...
jstree数据格式利用Map处理使用示例
DoubleClick的博客
11-02 482
改变之前的数据like： let data3 = [ { "id": 23, "createdAt": "1613701572", "updateAt": "1622515678", "name": "vmhost", "config": { "-k8s": "no" }, "desc": "", "type": [{ "id": 72, "createdAt": "1632906358", "updateAt": "1632906358", "name": "bxdev.no
thingjs同一个物体同时绑定单击事件和双击事件
最新发布
09-08
在ThingJS中，可以通过将单击事件和双击事件同时绑定到一个物体上来实现同时触发这两种事件。 首先，我们可以使用.on()方法将单击事件绑定到物体上。例如，我们可以使用以下代码将一个名为"object"的物体与单击事件绑定起来： object.on('click', function(){ console.log("你单击了这个物体"); }); 接下来，我们可以使用.on()方法将双击事件绑定到同一个物体上。例如，我们可以使用以下代码将双击事件与上述的"object"物体绑定起来： object.on('dblclick', function(){ console.log("你双击了这个物体"); }); 当我们单击或双击"object"物体时，绑定的事件将被触发，打印出相应的信息。 需要注意的是，ThingJS也提供了其他事件触发方式，如鼠标移动、滚动等。我们可以根据需要来选择相应的事件，并使用相应的方法来绑定事件。此外，还可以将多个事件绑定到同一个物体上，以满足不同的交互需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值