event.x
イベントが発生したX座標を示します。Internet Explorerの場合はeventオブジェクトのxプロパティに座標値がピクセルで入っています。Safari、Operaはeventオブジェクトだけでなくイベントハンドラに渡されたパラメータ(イベントオブジェクト)のxプロパティにも格納されます。Safari、Operaの場合は、どちらから読み出しても同じ結果になります。また、FirefoxはxプロパティでX座標値を読み出すことはできません。
構文
event.x イベントオブジェクト.x
例文
<html> <head> <title>event.x</title> <script type="text/javascript"><!-- window.onload = function() { document.getElementById("fButton").onclick = function(evt) { try { document.getElementById("result").innerHTML = "evt.x = "+evt.x; }catch(e){ document.getElementById("result").innerHTML = "event.x = "+event.x; } } } // --></script> </head> <body> <form> <input type="button" id="fButton" value="クリックしてください"> </form> <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.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
スポンサーリンク