JavaScript dblclick 事件

dblclick 事件在双击元素时生成。当一个元素在很短的时间内被点击两次时，该事件触发。我们也可以使用 JavaScript 的 addEventListener() 方法来触发双击事件。

在 HTML 中，我们可以使用 ondblclick 属性来创建双击事件。

语法

现在，我们将看到在 HTML 和 JavaScript 中（不使用 addEventListener() 方法或使用 addEventListener() 方法）创建双击事件的语法。

在 HTML 中

在 JavaScript 中

在 JavaScript 中使用 addEventListener() 方法

让我们看一些示例来理解双击事件。

示例 - 在 HTML 中使用 ondblclick 属性

在此示例中，我们使用 HTML ondblclick 属性创建双击事件。

输出

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

双击文本 “Hello world” 后，输出将是 -

现在，我们将看看如何使用 JavaScript 创建双击事件。

示例 - 使用 JavaScript

输出

双击文本 “Hello world” 后，输出将是 -

示例 - 使用 JavaScript 的 addEventListener() 方法

输出

双击文本 “Hello world” 后，输出将是 -