【jQuery】事件 dblclick() 方法

实例

当双击按钮时，隐藏或显示元素：

$("button").dblclick(function(){
  $("p").slideToggle();
});

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请双击此处</button>
</body>
</html>

定义和用法

当双击元素时，会发生 dblclick 事件。

当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。

在很短的时间内发生两次 click，即是一次 double click 事件。

dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数。

提示：如果把 dblclick 和 click 事件应用于同一元素，可能会产生问题。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
  $("p").click(function(){
    $("button").dblclick();
  });
});
</script>
</head>
<body>
<button>请双击这里</button>
<p>点击本段落会触发上面这个按钮的 dblclick 事件。</p>
</body>
</html>

本文标题：【jQuery】事件 dblclick() 方法

本文链接：https://blog.quwenai.cn/post/3507.html

作者授权：除特别说明外，本文由 toobug 原创编译并授权 TOOBUG信息安全网刊载发布。

本文链接：https://blog.quwenai.cn/post/3507.html

分享到：

正文

【jQuery】事件 dblclick() 方法

实例

定义和用法

相关阅读

浪漫博主使用 Javascript 做了个表白工具，最后升华了

【Vue】快乐学习第四篇，组件访问及插槽使用

你知道chrome小恐龙游戏吗？3分钟使用JavaScript实现

一篇玩转DOM，顺便上个百度热搜【收藏版】

发表评论取消回复

还没有评论，来说两句吧...

目录[+]