Home
JS
JS
Tryit: JAVASCRIPT
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!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>