event.detail

書式

イベントオブジェクト.detail

説明

マウスのホイールの移動量を示します。Firefoxで利用できます。
以下に移動量の例を示します。値は一例です。
ブラウザ上に回した場合下に回した場合
Friefox 1.5 (Mac)-44

サンプルコード [実行]

<!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.getElementById("result").addEventListener("DOMMouseScroll", wheelValue,false);
}
function wheelValue(evt) {
document.getElementById("result").innerHTML = "evt.detail = "+evt.detail;
}
// --></script>
</head>
<body>
<h1 id="header">マウスホイールを回して下さい</h1>
<div id="result" style="width:300px;height:200px;border:1px solid black"></div>
</body>
</html>