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

传智教育官网黑马程序员官网

 找回密码
 加入黑马

QQ登录

只需一步，快速开始

论坛首页 › 隐藏归类 › 黑马那些年 › 第9届ASP.Net+Unity3D技术交流区 › 正文

jQuery绑定事件的问题，求解。。。

© leayon 中级黑马   /  2013-7-26 14:08  /  1393 人查看  /  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

评分

参与人数 1技术分 +1 收起 理由
zhangcheng5468 + 1

查看全部评分

6 个回复

倒序浏览
彭家贰小姐 高级黑马 2013-7-26 14:35:58
| 只看该作者
沙发
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:04
| 只看该作者
藤椅
彭家贰小姐 发表于 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:41
| 只看该作者
板凳
彭家贰小姐 发表于 2013-7-26 14:35
http://blog.hpyer.cn/solution-for-javascript-of-click-and-dblclick-event.html
试了一下可以

多谢多谢，终于解决了:D
回复 使用道具 举报
彭家贰小姐 高级黑马 2013-7-27 11:35:21
| 只看该作者
报纸
leayon 发表于 2013-7-26 21:01
多谢多谢，终于解决了

拿到入学名额了吗?
回复 使用道具 举报
leayon 中级黑马 2013-7-27 14:08:51
| 只看该作者
地板
本帖最后由 leayon 于 2013-7-27 14:10 编辑

。。。。。
回复 使用道具 举报
leayon 中级黑马 2013-7-27 14:09:22
| 只看该作者
7#
彭家贰小姐 发表于 2013-7-27 11:35
拿到入学名额了吗?

呃。。。我还没报名，不过应该也快了，不是九期就是十期了
回复 使用道具 举报
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 加入黑马