event.wheelDelta
マウスのホイールの移動量を示します。移動量はブラウザにより異なるので注意が必要です。 Internet Explorer 6以降、Safari、Opera 9以降で利用できます。 以下に各ブラウザでの移動量の例を示します。値は一例です。Safari 2などはマウスホイールを高速で回転させても特定の値のみで変化しません。IE6の場合は高速に回転させると値が大きく(上に回した場合は小さく)なります。
| ブラウザ | 上に回した場合 | 下に回した場合 |
|---|---|---|
| Safari 2 | 480 | -480 |
| Opera 9 (Mac) | -160 | 160 |
| IE6 (Win) | 正数〜 | 負数〜 |
構文
event.wheelDelta イベントオブジェクト.wheelDelta
例文
<html>
<head>
<title>event.wheelDelta</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>
関連記事
- DOMMouseScroll
- onUnload
- onSubmit
- onStop
- onStart
- onSelectStart
- onSelectionChange
- onSelect
- onScroll
- onResizeStart
- onResizeEnd
- onResize
- onReset
- onreadystatechange
- onPaste
- onMoveStart
- onMoveEnd
- onMove
- onMouseWheel
- onMouseUp
- onMouseOver
- onMouseOut
- onMouseMove
- onMouseLeave
- onMouseEnter
- onMouseDown
- onLoad
- onKeyUp
- onKeyPress
- onKeyDown
- onHelp
- onFocusOut
- onFocusIn
- onFocus
- onFinish
- onError
- onDragStart
- onDragOver
- onDragLeave
- onDragEnter
- onDragEnd
- onDrag
- onDblClick
- onCut
- onCopy
- onContextMenu
- onClick
- onChange
- onBlur
- onBeforeUnload
- onBeforePrint
- onBeforePaste
- onBeforeCut
- onBeforeCopy
- onAfterPrint
- onAbort
- event.y
- event.x
- event.type
- event.toElement
- event.screenY
- event.screenX
- event.keyCode
- event.pageY
- event.pageX
- event.offsetY
- event.offsetX
- event.srcElement
- event.detail
- event.clientY
- event.clientX
スポンサーリンク





