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
スポンサーリンク