El dblclick L'esdeveniment genera un esdeveniment fent doble clic a l'element. L'esdeveniment s'activa quan es fa clic en un element dues vegades en un període de temps molt curt. També podem utilitzar JavaScript addEventListener() mètode per activar l'esdeveniment de doble clic.
En HTML, podem utilitzar el ondblclick atribut per crear un esdeveniment de doble clic.
Sintaxi
Ara, veiem la sintaxi de crear un esdeveniment de doble clic en HTML i en javascript (sense utilitzar addEventListener() mètode o utilitzant el addEventListener() mètode).
En HTML
En JavaScript
object.ondblclick = function() { myScript }; En JavaScript mitjançant el mètode addEventListener().
object.addEventListener('dblclick', myScript);
Vegem algunes de les il·lustracions per entendre l'esdeveniment de doble clic.
Exemple: ús de l'atribut ondblclick en HTML
En aquest exemple, estem creant l'esdeveniment de doble clic mitjançant l'HTML ondblclick atribut.
<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 '; } Prova-ho ara Sortida
Després de fer doble clic al text 'Hola món' , la sortida serà -
