jQuery dblclick() 方法

dblclick() 方法用于触发一个双击事件，或将一个函数附加到元素上，以便在双击元素时执行。当用户在极短的时间内连续点击一个元素两次时，就会发生此事件。这是 jQuery 的一个内置方法。

语法

我们可以直接使用 dblclick() 方法，也可以为 dblclick 事件添加一个函数。使用 dblclick() 方法的语法如下：

为选定的元素触发事件

附加一个函数

以上语法中的 selector 是指选定的元素。语法中提到的参数 function 是可选的。它是一个函数，将在 dblclick 事件发生时执行。附加的函数在双击元素时执行特定任务。

让我们来看一些使用 dblclick() 方法的示例。

示例 1

这是一个使用 dblclick() 方法的简单示例。在这里，当双击带有文本 Click me 的给定段落时，将弹出一个警告框显示一些消息。

输出

执行上述代码后，输出将是 -

点击文本 Click me 后的输出是：

示例 2

这是 dblclick() 方法的另一个示例。在这里，当双击带有文本 Click me twice 的段落时，段落的样式和文本将发生更改。

输出

执行上述代码后，输出将是 -

点击文本 Click me twice 后的输出是：