El doble clic event genera un evento al hacer doble clic en el elemento. El evento se activa cuando se hace clic dos veces en un elemento en un lapso de tiempo muy corto. También podemos usar JavaScript. agregarEventListener() método para activar el evento de doble clic.
En HTML podemos utilizar el hacer clic atributo para crear un evento de doble clic.
Sintaxis
Ahora, vemos la sintaxis de creación de un evento de doble clic en HTML y en javascript (sin uso agregarEventListener() método o utilizando el agregarEventListener() método).
En HTML
En JavaScript
object.ondblclick = function() { myScript }; En JavaScript usando el método addEventListener()
object.addEventListener('dblclick', myScript);
Veamos algunas de las ilustraciones para entender el evento de doble clic.
Ejemplo: uso del atributo ondblclick en HTML
En este ejemplo, estamos creando el evento de doble clic usando el HTML hacer clic atributo.
<h2> Double Click the text 'Hello world' to see the effect. </h2> <p> This is an example of creating the double click event using the <b> addEventListener() method </b> . </p> document.getElementById('heading').addEventListener('dblclick', fun); function fun() { document.getElementById('heading').innerHTML = ' Welcome to the javaTpoint.com '; } Pruébalo ahora Producción
Después de hacer doble clic en el texto 'Hola Mundo' , la salida será -
