書式
イベントオブジェクト.detail
説明
マウスのホイールの移動量を示します。Firefoxで利用できます。
以下に移動量の例を示します。値は一例です。
ブラウザ | 上に回した場合 | 下に回した場合 |
Friefox 1.5 (Mac) | -4 | 4 |
<!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>