La propiedad de detalle de UiEvent se usa para devolver un número con detalles sobre un evento.
La propiedad de detalle de UiEvent devuelve un número que indica el recuento de clics actual cuando se usa onclick y ondblclick mientras que cuando se usa onmousedown y onmouseup , devuelve un número que indica el recuento de clics actual más 1.
Sintaxis:
event.detail
El siguiente programa ilustra la propiedad de detalle de UiEvent:
Ejemplo: Averiguar cuántas veces se hizo clic con el mouse en la misma área.
HTML
<!DOCTYPE html>
<html>
<head>
<title>UiEvent detail property in HTML</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>UiEvent detail property</h2>
<br>
<p>To check the current click count,
double click the "Check Count" button.</p>
<button ondblclick="count(event)">
Check Count
</button>
<input id="clicks" type="text">
<script>
function count(event) {
// Return detail.
var c = event.detail;
document.getElementById("clicks").value =
c;
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Ópera 12.1 y superior
- Internet Explorer 9 y superior
- Google Chrome 1 y superior
- Borde 12 y superior
- Firefox 1 y superior
- Apple Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA