El evento ng-dblclick en AngularJS es útil para los elementos HTML para definir el evento de doble clic. En caso de que un usuario desee activar la función u otros eventos cuando se haga doble clic en los elementos HTML, entonces se necesitará este evento. Todos los elementos del HTML lo soportarán.
Básicamente, la directiva de ng-dblclick le indicará a AngularJS qué deben hacer exactamente el HTML o los elementos HTML cuando se hace doble clic. Sin embargo, no anulará el evento ondblclick original del elemento, ya que ambos se ejecutarán.
Sintaxis:
<element ng-dblclick="expression"> </element>
Valores paramétricos:
Ejemplo: (El ejemplo va a aumentar el valor del “conteo” de la variable, cada vez que se haga doble clic en el encabezado.)
<!DOCTYPE html>
<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
<head>
<title>
AngularJS ng-dblclick Directive
</title>
</head>
<body style="text-align:center;" ng-app="">
<h1 style="color:green">
GeeksForGeeks
</h1>
<h2 style="color:purple">
ng-dblclick Directive
</h2>
<p>On the header given below,
Double-Click on it.</p>
<h1 style="color:#EA6964"
ng-dblclick="count = count + 1"
ng-init="count=0">Click</h1>
<p>Double-Click has been done {{count}} times.</p>
<p></p>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por SohomPramanick y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA