WheelEvent deltaMode 属性
JavaScript基础 2022-06-08 12:05:1714小码哥的IT人生shichen
WheelEvent deltaMode 属性
实例
返回 delta 值的长度单位：
function myFunction(event) { var x = event.deltaMode; // 0 = pixels // 1 = lines // 2 = pages }
完整实例：
<!DOCTYPE html> <html> <body onwheel="myFunction(event)"> <h1>WheelEvent deltaMode 属性</h1> <p>滚动此页面可查看 delta values 属性的长度单位。</p> <p><b>注释：</b> 0 = 像素, 1 = 线, 2 = 页。</p> <p id="demo"></p> <script> function myFunction(event) { var x = event.deltaMode; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| deltaMode | 31 | 支持 | 17 | 不支持 | 18 |
语法
event.deltaMode技术细节
| 返回值： |
数字值，指示 delta 值的长度单位。 可能的值：
|
|---|
