小码哥的IT人生

WheelEvent deltaX 属性

JavaScript基础 2022-06-08 12:05:03小码哥的IT人生shichen

WheelEvent deltaX 属性

实例

返回用户是向左还是向右滚动:

function myFunction(event) {
  var x = event.deltaX;
}

完整实例:

<!DOCTYPE html>
<html>
<body onwheel="myFunction(event)">
<h1>WheelEvent deltaX 属性</h1>
<p>滚动此页面可查看 deltaX 属性的值。</p>
<p><b>注释:</b>大多数鼠标设备没有左右滚动的能力,且总是返回 0。</p>
<p id="demo"></p>
<script>
function myFunction(event) {
  var x = event.deltaX;
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

deltaX 属性在向右滚动时返回正值,向左滚动时返回负值,否则为 0。

注释:大多数鼠标设备没有左右滚动的能力,且总是返回 0。

注释:该属性只读。

浏览器支持

属性 Chrome IE Firefox Safari Opera
deltaX 31 支持 17 不支持 18

语法

event.deltaX

技术细节

返回值: double 类型值,表示鼠标滚轮的滚动方向。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024