La propiedad DOM WheelEvent deltaMode se utiliza para devolver un número que representa la unidad de longitud de los valores de desplazamiento, es decir , deltaX, deltaY, deltaZ. Es propiedad de solo lectura. Devuelve tres valores numéricos que son:
- 0: representa píxeles
- 1: significa líneas
- 2: significa páginas
Sintaxis:
event.deltaMode
Valor devuelto: Devuelve un valor numérico que representa la unidad de longitud de los valores delta.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM WheelEvent deltaMode Property
</title>
</head>
<body onwheel="Geeks(event)"
style="text-align: center;
width: 1000px;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
DOM WheelEvent deltaMode Property
</h2>
<p>Scroll to see effect:</p>
<p id="p"></p>
<script>
function Geeks(event) {
var doc = event.deltaMode;
document.getElementById(
"p").innerHTML = doc;
}
</script>
</body>
</html>
Producción:
Antes de desplazarse:
Después del desplazamiento:
Navegadores compatibles: los navegadores compatibles con DOM WheelEvent deltaMode Property se enumeran a continuación:
- Google cromo 26
- Borde 12
- explorador de Internet 9
- Firefox 17
- Ópera 15
- Safari 7
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA