关于 onclick 与 bind ‘click’ 的讨论

    zTree v3.0 正式版发布后，整体反映还不错，我很高兴。 不过昨天 有位叫做 amixu 的朋友发现了一个让人有些烦恼的bug（请打开 v3.0 正式版 下载文件中的 core/url.html） 你会发现如果在 IE 下 那个 Nothing 的节点点击后依然会进行跳转，return false 失效了。（由于目前机器不是win7 所以 IE9 没有进行测试，这里说的 IE 是 6 7 8 ）

 

    经过检查和反复测试，发现原因是 IE 在处理 onclick 和 后期绑定的 click 事件时对于默认操作的处理出现了问题。（个人认为应该属于 IE 的bug） 

 

    因此，昨天我及时修正了 API 中关于 treeNode.click 的说明文档，请大家尽量不要利用 treeNode.click = "return false;" 来阻止点击节点 url 跳转。 需要阻止跳转时，建议 不要将 url 路径保存在 treeNode.url 属性下； 同时利用 onClick 回调函数进行跳转控制。

 

    另外，如果一定要使用click属性，可以参考下面测试代码中使用的 stop 方法来实现。

 

    这里特别感谢 amixu 和 czwlucky 两位朋友的大力协助。 同时也希望大家能一起讨论这个问题。

 

 

    附件中是测试代码

 

    下面是关于测试找出的事件处理机制的差异：

 

 

 

评论

11 楼 zTreeAPI 2014-03-30  

zTreeAPI 写道

c2012 写道

我需要用到url，公司数据库的一些父节点写url也不予许我删除，后台处理起来效率很低。前台我试了  onClick: zTreeOnClick  发现return false照样跳转url，有没啥好办法？

你这种特殊情况，可以直接修改 setting.data.key.url 设置为 一个不存在的属性名字即可！

补充一下， 如果是有的节点需要，有的节点不需要， 那么就接着前面的解决方案利用 onClick 回调捕获点击节点的事件，再根据 url 属性用js 跳转即可

10 楼 zTreeAPI 2014-03-30  

c2012 写道

我需要用到url，公司数据库的一些父节点写url也不予许我删除，后台处理起来效率很低。前台我试了  onClick: zTreeOnClick  发现return false照样跳转url，有没啥好办法？

你这种特殊情况，可以直接修改 setting.data.key.url 设置为 一个不存在的属性名字即可！

9 楼 c2012 2014-03-26  

我需要用到url，公司数据库的一些父节点写url也不予许我删除，后台处理起来效率很低。前台我试了  onClick: zTreeOnClick  发现return false照样跳转url，有没啥好办法？

8 楼 lovecrock 2012-02-25  

javascript 的onclick绑定方式问题确实比较多，我是能不用就不用了。

7 楼 czwlucky 2012-01-29  

jonlik 写道

新手，问个问题。
<frameset cols="22%,*" >
   <frame frameborder="0" name="leftFrame" scrolling="NO" noresize src="tree.jsp">
   <frame frameborder="0" name="mainFrame" noresize src="main.jsp">
</frameset>
java中jsp页面分割问题，我现在把树形菜单放到tree.jsp里面了，然后我在子节点增加url设置超链，跳转项目中的action，就是最简单的传参至后台servlet中，或者struts2的action中，原来点击action是靠<a href="XXX?action=XX&type=YYY" target="mainFrame">中的target="mainFrame"控制页面跳转时候页面中frame的name="mainFrame"发生变化，现在用了这个插件，我看了超链的介绍跳转至新页面了，我想在本页面中某个分割的部分中显示我action后的页面可以吗？

2、target 属性用于设置 页面跳转的窗口目标  这里设置成你的目标窗口就行了,不知道你的问题是在这个地方吗?

6 楼 jonlik 2012-01-23  

新手，问个问题。
<frameset cols="22%,*" >
   <frame frameborder="0" name="leftFrame" scrolling="NO" noresize src="tree.jsp">
   <frame frameborder="0" name="mainFrame" noresize src="main.jsp">
</frameset>
java中jsp页面分割问题，我现在把树形菜单放到tree.jsp里面了，然后我在子节点增加url设置超链，跳转项目中的action，就是最简单的传参至后台servlet中，或者struts2的action中，原来点击action是靠<a href="XXX?action=XX&type=YYY" target="mainFrame">中的target="mainFrame"控制页面跳转时候页面中frame的name="mainFrame"发生变化，现在用了这个插件，我看了超链的介绍跳转至新页面了，我想在本页面中某个分割的部分中显示我action后的页面可以吗？

5 楼 czwlucky 2012-01-13  

wudixcy 写道

上述的图形上面有个词“父DOM”这个我不太明白指的是什么？

就是指<a>的父级DOM元素  <div><a></div> div就是父DOM

4 楼 wudixcy 2012-01-13  

上述的图形上面有个词“父DOM”这个我不太明白指的是什么？

3 楼 zTreeAPI 2012-01-13  

wudixcy 写道

善总结，善分享，能从别人提出的一个问题，总结出这么多问题，我佩服的五体投地了，问题是谁都会碰到了，可是不是谁都会总结的

  过奖啦，毕竟目前 zTree 已经得到那么多朋友的支持，有问题就要尽可能处理的彻底一些嘛。这样也能避免其他朋友再出类似的问题。 另外也省的天天总有不同的人来问我同样的问题。。呵呵

2 楼 wudixcy 2012-01-13  

我就是amixu啦，我当时的需求是：树叶上必须有链接，当点击树叶时我要获取这个链接地址，但不需要打开它。现在虽然它在IE下有bug，但是我想了想后，完全可以通过另外一种方式实现需求。
{ id:1, pId:0, name:"ztree", link:"http://ztreeapi.iteye.com/"}
这样就可以保证<a>标签里无href。又能通过treeNode.link获取到链接地址

1 楼 wudixcy 2012-01-13  

善总结，善分享，能从别人提出的一个问题，总结出这么多问题，我佩服的五体投地了，问题是谁都会碰到了，可是不是谁都会总结的