📌  相关文章
📜  JavaScript dblclick事件

📅  最后修改于: 2020-10-26 03:27:14             🧑  作者: Mango

JavaScript dblclick事件

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

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

句法

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

在HTML中

在JavaScript中

object.ondblclick = function() { myScript };

在JavaScript中，使用addEventListener()方法

object.addEventListener("dblclick", myScript);

让我们看一些插图以了解双击事件。

示例-在HTML中使用ondblclick属性

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








 Hello world :):) 


 Double Click the text "Hello world" to see the effect. 


 This is an example of using the  ondblclick  attribute.

输出量

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

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

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

示例-使用JavaScript








 Hello world :):) 


 Double Click the text "Hello world" to see the effect. 


 This is an example of creating the double click event using JavaScript.

输出量

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

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








 Hello world :):) 


 Double Click the text "Hello world" to see the effect. 


 This is an example of creating the double click event using the  addEventListener() method .

输出量

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