例
ユーザーが上にマウスホイール移動したとき<div>要素を、そのフォントサイズを変更します。
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} »それを自分で試してみてください 定義と使用法
マウスホイールが停止要素上巻き上げ又はれるときonwheelイベントが発生します。
onwheelイベントが発生したときにタッチパッド使用して、ユーザーがスクロール又は要素の中又はズームアウト(like the "mouse" of a laptop) 。
ブラウザのサポート
表中の数字は完全にイベントをサポートする最初のブラウザのバージョンを指定します。
| イベント | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | サポートされていません | 18.0 |
注：IEで、ホイールイベントのみでサポートされているaddEventListener()メソッド。 DOMオブジェクトにはonwheel属性がありません。
構文
HTMLには：
JavaScriptで：
object .onwheel=function(){ »それを自分で試してみてください JavaScriptでは、使用してaddEventListener()メソッドを：
object .addEventListener("wheel", myScript );
»それを自分で試してみてください 注： addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。
技術的な詳細
| バブル： | はい |
|---|---|
| 取消し可能： | はい |
| イベントの種類： | WheelEvent |
| サポートされているHTMLタグ： | すべてのHTML要素 |
| DOMバージョン： | レベル3のイベント |
<イベントオブジェクト