La propiedad WheelEvent.deltaX en HTML se usa para devolver un valor doble positivo cuando la página web se desplaza horizontalmente hacia la izquierda o hacia la derecha. Si la página se desplaza hacia la derecha, devuelve un valor positivo y un valor doble negativo cuando se desplaza hacia la izquierda; de lo contrario, devuelve cero. Es una propiedad de sólo lectura.
Sintaxis:
event.deltaX
Valor devuelto: Devuelve un valor doble que indica la dirección de desplazamiento de la rueda del ratón.
- Un valor doble positivo representa que el mouse se desplaza hacia la derecha.
- Un valor doble negativo representa que el mouse se desplaza hacia la izquierda.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM WheelEvent deltaX Property</title>
</head>
<body onwheel="Geeks(event)"
style="text-align: center; width: 1000px;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
DOM WheelEvent deltaX Property
</h2>
<p>Scroll to see effect:</p>
<p id="p"></p>
<script>
function Geeks(event) {
var doc = event.deltaX;
document.getElementById("p").innerHTML = doc;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad deltaX se enumeran a continuación:
- Apple Safari 8.0
- Google Chrome 31.0
- Borde 12.0
- Firefox 17.0
- Ópera 18.0
- explorador de Internet 9
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA