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

来源：动视网责编：小采时间：2020-11-27 20:18:30

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

jQuery事件dblclick的定义与使用详解:概述触发每一个匹配元素的dblclick事件。这个函数会调用执行绑定到dblclick事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。dblclick事件会在元素的同一点双击时触发。参数fnFunctionV1

推荐度：

点击下载本文 文档为doc格式

导读jQuery事件dblclick的定义与使用详解:概述触发每一个匹配元素的dblclick事件。这个函数会调用执行绑定到dblclick事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。dblclick事件会在元素的同一点双击时触发。参数fnFunctionV1

概述

触发每一个匹配元素的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>

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

推荐度：

点击下载本文 文档为doc格式

标签：使用定义 jQuery

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐