黑马程序员技术交流社区

标题: jQuery绑定事件的问题，求解。。。 [打印本页]
作者: leayon    时间: 2013-7-26 14:08
标题: jQuery绑定事件的问题，求解。。。
本帖最后由 leayon 于 2013-7-27 10:44 编辑

先上代码：
  1. <head>
  2.     <title></title>
  3.     <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
  4.     <script type="text/javascript" language="javascript">
  5.         $(function () {
  6.             $("div").bind("click.a", function () {          //单击事件
  7.                 $("body").append("<p>click事件</p>");
  8.             })
  9.             $("div").bind("dblclick.a", function () {       //双击事件
  10.                 $("body").append("<p>dblclick事件</p>");
  11.             })
  12.             $("div").bind("mouseover.a", function () {        //鼠标经过元素的事件
  13.                 $("body").append("<p>mouseover事件</p>");
  14.             })
  15.             $("div").bind("mouseout.a", function () {         //鼠标移出元素的事件
  16.                 $("body").append("<p>mouseout事件</p>");               
  17.             })
  18.         })
  19.     </script>
  20. </head>
  21. <body>
  22.     <div>jQuery命名空间</div>
  23. </body>
复制代码
效果如图所示，我双击的同时，会先触发两个单击事件，这是怎么回事？还有，如果我不想在双击的时候触发单击事件，而仅仅只是触发双击事件，那该怎么解决？我也有试过在双击的时候，先把单击事件解绑，可这样一来，单击事件又不能用了。。。求高手解惑，谢谢！

jQuery事件.jpg (24.43 KB, 下载次数: 1)

jQuery事件.jpg
作者: 彭家贰小姐    时间: 2013-7-26 14:35
http://blog.hpyer.cn/solution-for-javascript-of-click-and-dblclick-event.html
试了一下可以
  1. var TimeFn = null;
  2.             $$("div").bind("click.a", function () {          //单击事件
  3.                 clearTimeout(TimeFn);
  4.                 TimeFn = setTimeout(function () {
  5.                     $$("body").append("<p>click事件</p>");
  6.                 }, 300);

  8.             })
  9.             $$("div").bind("dblclick.a", function () {       //双击事件
  10.                 clearTimeout(TimeFn);
  11.                 $$("body").append("<p>dblclick事件</p>");
  12.             })
复制代码
作者: leayon    时间: 2013-7-26 20:35
彭家贰小姐 发表于 2013-7-26 14:35
http://blog.hpyer.cn/solution-for-javascript-of-click-and-dblclick-event.html
试了一下可以

多谢这位MM解答:hug::loveliness:
作者: leayon    时间: 2013-7-26 21:01
彭家贰小姐 发表于 2013-7-26 14:35
http://blog.hpyer.cn/solution-for-javascript-of-click-and-dblclick-event.html
试了一下可以

多谢多谢，终于解决了:D
作者: 彭家贰小姐    时间: 2013-7-27 11:35
leayon 发表于 2013-7-26 21:01
多谢多谢，终于解决了

拿到入学名额了吗?
作者: leayon    时间: 2013-7-27 14:08
本帖最后由 leayon 于 2013-7-27 14:10 编辑

。。。。。
作者: leayon    时间: 2013-7-27 14:09
彭家贰小姐 发表于 2013-7-27 11:35
拿到入学名额了吗?

呃。。。我还没报名，不过应该也快了，不是九期就是十期了



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2