kejadian onwheel
onwheel Acara
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#myDIV {
border: 1px solid black;
}
</style>
</head>
<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>Run Instance»
Klik butang "Run Instance" untuk melihat Contoh Dalam Talian
Definisi dan Penggunaan
Acara onwheel dicetuskan apabila roda tetikus menatal ke atas dan ke bawah pada elemen.
Acara onwheel juga boleh dicetuskan apabila menatal pada pad sentuh atau zum masuk dan keluar dari kawasan tersebut (seperti pad sentuh pada komputer riba).
Sokongan penyemak imbas
| Acara |
| ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | Tidak disokong | 18.0 |
Dalam pelayar IE, acara roda hanya boleh disokong melalui kaedah addEventListener(). Tiada atribut onwheel dalam objek DOM.
SintaksHTML:
<
elemen onwheel="
objekmyScript"> iaJavaScript:
.onwheel=function(){
objekmyScript}; 🎜>Dalam JavaScript, gunakan kaedah addEventListener():
.addEventListener("wheel", myScript); 🎜>
| 是否支持冒泡: | 是 |
|---|---|
| 是否可以取消: | 是 |
| 事件类型: | WheelEvent |
| 支持的 HTML 标签: | 所有的HTML元素 |
Internet Explorer 8 dan versi IE terdahulu tidak menyokong kaedah addEventListener().
Butiran teknikal
| Sama ada menggelegak disokong: | Ya<🎜> |
|---|---|
| Bolehkah saya membatalkan: | ialah<🎜><🎜> |
| Jenis acara: | WheelEvent<🎜><🎜> |
| Teg HTML yang disokong: | Semua elemen HTML<🎜><🎜> |
