HTML onwheel 事件
onmouseup 事件在松开鼠标按钮时触发。当用户使用触摸板(如笔记本电脑的“鼠标”)滚动或缩放元素时,onwheel属性也会触发。
实例
<!DOCTYPE html>
<html>
<body>
<div id="myDIV">如何使用 addEventListener() 方法向 DIV 元素添加 "wheel" 事件。在这个区域上下滚动鼠标滚轮!</div>
<p>当你在 div 元素中滚动鼠标滚轮时,脚本函数会设置 div 的字体大小为 35 像素。</p>
<p><strong>注意:</strong> Safari 浏览器不支持 wheel 事件</p>
<script>
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
document.getElementById("myDIV").style.fontSize = "35px";
}
</script>
</body>
</html>
浏览器支持
事件 | |||||
---|---|---|---|---|---|
onwheel | 31 | 9 | 17 | No | 18 |
所有主流浏览器都支持 onwheel 事件。
定义和用法
onwheel 事件在鼠标滚轮在元素上下滚动时触发。
当用户使用触摸板(如笔记本电脑的“鼠标”)滚动或缩放元素时,onwheel属性也会触发。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onwheel="script">
属性值
值 | 描述 |
---|---|
script | onwheel 发生时运行的脚本。 |