Javascriptで現在のマウス座標を取得することはできますか？

Question

Javascriptで現在のマウス座標を取得することはできますか？

Answer 1

出典：http://javascript.internet.com/page-details/mouse-coordinates.html

<form name="Show"> 
    X 
    <input type="text" name="MouseX" value="0" size="4"> 
    <br> 
    Y 
    <input type="text" name="MouseY" value="0" size="4"> 
    <br> 
</form> 

<script language="JavaScript"> 
    var IE = document.all ? true : false; 
    if (!IE) { 
     document.captureEvents(Event.MOUSEMOVE) 
    } 
    document.onmousemove = getMouseXY; 
    var tempX = 0; 
    var tempY = 0; 
    function getMouseXY(e) { 
     if (IE) {// grab the x-y pos.s if browser is IE 
      tempX = e.clientX + document.body.scrollLeft; 
      tempY = e.clientY + document.body.scrollTop; 
     } else {// grab the x-y pos.s if browser is NS 
      tempX = e.pageX; 
      tempY = e.pageY; 
     } 
     if (tempX < 0) { 
      tempX = 0; 
     } 
     if (tempY < 0) { 
      tempY = 0; 
     } 
     document.Show.MouseX.value = tempX; 
     document.Show.MouseY.value = tempY; 
     return true; 
    } 
</script> 

Answer 2

これを行うことができます。グーグルで次のコードを取得しました。

if (IE) { // grab the x-y pos.s if browser is IE 
    tempX = event.clientX + document.body.scrollLeft; 
    tempY = event.clientY + document.body.scrollTop; 
} 

Answer 3

like thisのマウスコーディネイトを取得できます。

Answer 4

Hereデモコンパクト関数であり、それは.Xおよび.Yの座標との値を返す：

function mouseCoords(ev){ 
    // from http://www.webreference.com/programming/javascript/mk/column2/ 
    if(ev.pageX || ev.pageY){ 
     return {x:ev.pageX, y:ev.pageY}; 
    } 
    return { 
     x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
     y:ev.clientY + document.body.scrollTop - document.body.clientTop 
    }; 
} 

（Iはquirksmodeが良好であることが見出されJavaScriptの知識のリソースHereは、もっと深く掘り下げたい場合のための関数の背景です）