小编给大家分享一下bootstrap双击事件如何写,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
创新互联主要从事做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务栖霞,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。但是不知为什么这个插件没有自带双击事件。
这个双击事件的解决方案中使用到了bootstrap-treeview自带的两个事件"nodeSelected"和"nodeUnselected".如果在treeview的节点上双击一定会触发选中事件和取消选中事件,计算这两个时间的时间间隔就可以模拟出双击事件的效果了。双击事件每次点击鼠标左键的间隔,人为操作300毫秒足够。
代码如下:
效果图:
重点:
最主要的全局变量:
lastSelectedNodeId
,lastSelectedNodeId
最主要的方法:
clickNode()
上面这个方法主要用来判断选中事件和取消选中事件操作的目标是否是一个且时间间隔是否足够小。符合这两个条件客户就是想触发双击事件。可以再函数customBusiness
中自定义业务逻辑。
看完了这篇文章,相信你对bootstrap双击事件如何写有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!