介绍
小编给大家分享一下引导双击事件如何写,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt;元charset=皍tf-8"/比; & lt; title> & lt;/title> & lt;链接的href=癱ss/bootstrap.css"rel=皊tylesheet"/比; & lt;/head> & lt; body> & lt; div id=皌ree"风格=翱矶?400 px;高度:1000 px; margin-left:汽车;margin-right:汽车;“祝辞& lt;/div> & lt; div id=皌estDate"祝辞& lt;/div> & lt;脚本src=癹s/jquery.js"祝辞& lt;/script> & lt;脚本src=癹s/bootstrap-treeview.js"祝辞& lt;/script> & lt;脚本类型=拔谋?javascript"比;//获取树形结构列表数据 函数getTree () {var树=[{ 文字:“父1“, 节点:[{ 文字:“孩子1“, 节点:[{ 文字:“孙子1“; }, { 文字:“孙子2“; }) }, { 文本:“孩子2“; }) }, { 文字:“父2“; }, { 文字:“父母3“; }, { 文字:“父4“; }, { 文字:“父5“; });返回树; }//初始化树形结构列表美元(& # 39;#树# 39;).treeview ({ 数据:getTree () });//最后一次触发节点Id var lastSelectedNodeId=零;//最后一次触发时间 var lastSelectTime=零;//自定义业务方法 函数customBusiness(数据){ alert(“双击获得节点名字:“+ data.text); clickNode}函数(事件、数据){如果(lastSelectedNodeId,,lastSelectTime) {var时间=new日期().getTime ();var - lastSelectTime t=时间;如果(lastSelectedNodeId==数据。nodeId,,t & lt;300){ customBusiness(数据); } } lastSelectedNodeId=data.nodeId; .getTime lastSelectTime=new日期()(); }//自定义双击事件 函数customDblClickFun(){//节点选中时触发美元(& # 39;#树# 39;)。(& # 39;nodeSelected& # 39;函数(事件、数据){ clickNode(事件,数据) });//节点取消选中时触发美元(& # 39;#树# 39;)。(& # 39;nodeUnselected& # 39;函数(事件、数据){ clickNode(事件,数据) }); }$(文档)时函数(){customDblClickFun ();});& lt;/script> & lt;/body> & lt;/html>
效果图:
<强>最主要的全局变量:强>
<代码> lastSelectedNodeId 代码>,<代码> lastSelectedNodeId 代码>
<强>最主要的方法:强>
<代码> clickNode() 代码>
上面这个方法主要用来判断选中事件和取消选中事件操作的目标是否是一个且时间间隔是否足够小,符合这两个条件客户就是想触发双击事件。可以再函数<代码> customBusiness> 代码中自定义业务逻辑。
看完了这篇文章,相信你对引导双击事件如何写有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!