学习啦 > 学习电脑 > 电脑硬件知识 > 键盘鼠标 > 怎么用JS实现鼠标单击与双击事件共存

怎么用JS实现鼠标单击与双击事件共存

时间: 沈迪豪908 分享

怎么用JS实现鼠标单击与双击事件共存

学习啦在线学习网   学习前端的同学你们知道怎么用JS实现鼠标单击与双击事件共存吗?下面由学习啦小编教大家怎么实现JS实现鼠标单击与双击事件共存的方法。

  JS实现鼠标单击与双击事件共存的方法

  代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>

  <title></title>

学习啦在线学习网   <mce:script src="jquery-1.6.min.js" mce_src="jquery-1.6.min.js" type="text/javascript"></mce:script>

学习啦在线学习网   <mce:script type="text/javascript">

  <!--

学习啦在线学习网   $(function () {

学习啦在线学习网   var num = 0;

学习啦在线学习网   var timeFunName = null;

  $("button").bind("click", function () {

学习啦在线学习网   // 取消上次延时未执行的方法

  clearTimeout(timeFunName);

  // 延时300毫秒执行单击

学习啦在线学习网   timeFunName = setTimeout(function () {

  num++;

学习啦在线学习网   $("textarea").val($("textarea").val() + "第" + num + "次事件,事件名:单击/n");

学习啦在线学习网   }, 300); }).bind("dblclick", function () {

学习啦在线学习网   // 取消上次延时未执行的方法

学习啦在线学习网   clearTimeout(timeFunName);

  num++;

学习啦在线学习网   $("textarea").val($("textarea").val() + "第" + num + "次事件,事件名:双击/n");

  });

  });

  // --></mce:script>

  </head>

  <body>

  <textarea rows="20" cols="50"></textarea><button type="button">提交</button></body></html>

JS实现鼠标单击与双击事件共存的方法相关文章:

1.使用js实现鼠标点击变色

2.开发人员笔试题6篇(2)

3.怎么用js实现简单鼠标跟随效果

4.js设置鼠标光标形状

5.js实现鼠标移到图片显示文字

1952311