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
事件




onwheel31.09.017.0不支持18.0

onwheel

31.0 9.017.0Tidak disokong18.0

Nota:
Dalam pelayar IE, acara roda hanya boleh disokong melalui kaedah addEventListener(). Tiada atribut onwheel dalam objek DOM.
SintaksHTML:

<

elemen
onwheel="
myScript"> iaJavaScript:

objek
.onwheel=function(){
myScript}; 🎜>Dalam JavaScript, gunakan kaedah addEventListener():
objek

.addEventListener("wheel", myScript); 🎜>


是否支持冒泡:
是否可以取消:
事件类型:WheelEvent
支持的 HTML 标签:所有的HTML元素
Nota:
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<🎜><🎜>