onScroll
スクロールされた時に発生します。Windows版/Mac版Internet Explorer 5以降、Firefox、Safari、Operaで利用することができます。
構文
<タグ名 onScroll="イベント発生時の処理"> オブジェクト.onscroll = "イベント発生時の処理"
例文
<html> <head> <title>onScroll</title> </head> <body> <script type="text/javascript"><!-- window.onload = function() { document.getElementById("sArea").onscroll = function() { document.getElementById("result").innerHTML = "Scroll Event !!"; } } // --></script> <div id="result"></div> <div id="sArea" style="width:100px;height:100px;overflow:scroll;background-color:orange;font-size:24pt;"> onScroll<br>Event<br>Sample<br> </div> </body> </html>
関連記事
- DOMMouseScroll
- onUnload
- onSubmit
- onStop
- onStart
- onSelectStart
- onSelectionChange
- onSelect
- 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.wheelDelta
- 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
スポンサーリンク