A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© leayon 中级黑马   /  2013-7-26 14:08  /  1511 人查看  /  6 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 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

6 个回复

倒序浏览
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);

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

多谢这位MM解答:hug::loveliness:
回复 使用道具 举报
彭家贰小姐 发表于 2013-7-26 14:35
http://blog.hpyer.cn/solution-for-javascript-of-click-and-dblclick-event.html
试了一下可以

多谢多谢,终于解决了:D
回复 使用道具 举报
leayon 发表于 2013-7-26 21:01
多谢多谢,终于解决了

拿到入学名额了吗?
回复 使用道具 举报
本帖最后由 leayon 于 2013-7-27 14:10 编辑

。。。。。
回复 使用道具 举报
leayon 中级黑马 2013-7-27 14:09:22
7#

呃。。。我还没报名,不过应该也快了,不是九期就是十期了
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马