オンホイールイベント
例
ユーザーがマウスホイールを<div>要素の上に置いたら、フォントサイズを変更します。
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
定義と使用法
オンホイールイベントは、マウスホイールが要素上でロールアップまたはロールダウンされたときに発生します。
オンホイールイベントは、ユーザーがタッチパッド（ラップトップの「マウス」など）を使用して要素をスクロールまたはズームインまたはズームアウトしたときにも発生します。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
| Event | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
注： IEでは、wheelイベントはaddEventListener（）メソッドでのみサポートされます。DOMオブジェクトにはonwheel属性はありません。
構文
HTMLの場合：
<element onwheel="myScript">
JavaScriptの場合：
object.onwheel = function(){myScript};
JavaScriptでは、addEventListener（）メソッドを使用します。
object.addEventListener("wheel", myScript);
注： addEventListener （）メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
| 泡： | はい |
|---|---|
| キャンセル可能： | はい |
| イベントタイプ： | WheelEvent |
| サポートされているHTMLタグ： | すべてのHTML要素 |
| DOMバージョン： | レベル3のイベント |