HTML onwheel 事件

onmouseup 事件在松开鼠标按钮时触发。当用户使用触摸板(如笔记本电脑的“鼠标”)滚动或缩放元素时,onwheel属性也会触发。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <div id="myDIV">如何使用 addEventListener() 方法向 DIV 元素添加 "wheel" 事件。在这个区域上下滚动鼠标滚轮!</div>
  5. <p>当你在 div 元素中滚动鼠标滚轮时,脚本函数会设置 div 的字体大小为 35 像素。</p>
  6. <p><strong>注意:</strong> Safari 浏览器不支持 wheel 事件</p>
  7. <script>
  8. document.getElementById("myDIV").addEventListener("wheel", myFunction);
  9. function myFunction() {
  10. document.getElementById("myDIV").style.fontSize = "35px";
  11. }
  12. </script>
  13. </body>
  14. </html>

浏览器支持

事件
onwheel31917No18

所有主流浏览器都支持 onwheel 事件。


定义和用法

onwheel 事件在鼠标滚轮在元素上下滚动时触发。

当用户使用触摸板(如笔记本电脑的“鼠标”)滚动或缩放元素时,onwheel属性也会触发。


HTML 4.01 与 HTML5 之间的差异

无。


语法

  1. <element onwheel="script">
属性值
描述
scriptonwheel 发生时运行的脚本。