Rumah > Artikel > hujung hadapan web > jQuery事件dblclick的定义与使用详解

jQuery事件dblclick的定义与使用详解

黄舟asal: 2017-06-27 10:31:361682semak imbas

概述

触发每一个匹配元素的dblclick事件。

这个函数会调用执行绑定到dblclick事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。dblclick事件会在元素的同一点双击时触发。

参数

fnFunctionV1.0

在每一个匹配元素的dblclick事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:dblclick([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的dblclick事件中绑定的处理函数。

示例

描述:

给页面上每个段落的双击事件绑上 "Hello World!" 警告框

jQuery 代码:

$("p").dblclick( function () { alert("Hello World!"); });

实例

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

$("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>

Atas ialah kandungan terperinci jQuery事件dblclick的定义与使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JQuery不能使用click事件的问题解决Artikel seterusnya：jQuery中同时添加click和dblclick事件的实例介绍

Artikel berkaitan

Lihat lagi