主页
JS 参考手册
WheelEvent deltaY 属性
tryjsref_event_wheel_deltay2
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <h1>WheelEvent deltaY 属性</h1> <p>通过在其中滚动来调整 DIV 元素的大小：</p> <div onwheel="myFunction(event)" style="width:100px;height:100px;background-color:Tomato"></div> <script> function myFunction(event) { var y = event.deltaY; var currentSize = event.target.style.width; if (y > 0) { newSize = parseInt(currentSize) + 10; } else { newSize = parseInt(currentSize) - 10; } event.target.style.width = newSize + "px"; event.target.style.height = newSize + "px"; } </script> </body> </html>