event.wheelDelta

書式

event.wheelDelta
イベントオブジェクト.wheelDelta

説明

マウスのホイールの移動量を示します。移動量はブラウザにより異なるので注意が必要です。
Internet Explorer 6以降、Safari、Opera 9以降で利用できます。
以下に各ブラウザでの移動量の例を示します。値は一例です。Safari 2などはマウスホイールを高速で回転させても特定の値のみで変化しません。IE6の場合は高速に回転させると値が大きく（上に回した場合は小さく）なります。
ブラウザ上に回した場合下に回した場合
Safari 2480-480
Opera 9 (Mac)-160160
IE6 (Win)正数〜負数〜

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript"><!--
window.onload = function() {
document.body.onmousewheel = function(evt) {
try {
document.getElementById("result").innerHTML = "evt.wheelDelta = "+evt.wheelDelta;
}catch(e){
document.getElementById("result").innerHTML = "event.wheelDelta = "+event.wheelDelta;
}
}
}
// --></script>
</head>
<body>
<h1>マウスホイールを回して下さい</h1>
<div id="result"></div>
</body>
</html>