Javascriptで現在のマウス座標を取得することはできますか?Javascriptで現在のマウス座標を取得することはできますか?
8
A
答えて
6
出典: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>
0
これを行うことができます。グーグルで次のコードを取得しました。
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
0
like thisのマウスコーディネイトを取得できます。
1
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は、もっと深く掘り下げたい場合のための関数の背景です)
関連する問題
- 1. 現在のマウス座標を取得します
- 2. JavaScript:現在のマウス座標でイベントを作成
- 3. 現在の座標を取得
- 4. javascriptのマウス座標ですか?
- 5. Google Maps API:現在地の座標を取得するiOS
- 6. JavaScriptのエクスプローラのマウス座標
- 7. JFreeChartはマウス座標を取得します
- 8. JavaScriptのx座標とy座標のキャレット位置を取得する
- 9. マウスの座標は?
- 10. 座標から現在の場所の名前を取得する
- 11. JSでは、DIVの中でどのようにマウス座標を取得できますか?
- 12. MATLABマウスのクリック座標を取得する方法
- 13. イメージコントロールでビットマップイメージのx座標とy座標を取得する方法は?
- 14. 親divの相対座標でマウスの座標を取得するにはどうすればよいですか? Javascript
- 15. ピンを落とす方法とオフラインマップタイルから現在の位置と座標を取得する方法は?
- 16. fireEventでマウス座標を設定する
- 17. jQueryアニメーションのすべてのステップでマウス座標を取得する
- 18. jQuery UI Selectable: 'stop'イベントでマウス座標を取得する方法は?
- 19. Adobe Air Extension for Dreamweaver 3.3の下でJavascriptでマウス座標を取得する方法は?
- 20. Android - マウスでクリックされたピクセルの座標を取得します。
- 21. 地図座標が現在の地域にあるか、現在の地域にないことをどのように知ることができますか?
- 22. Androidスタジオ:Googleマップの現在のマーカー位置のGPS座標を取得する
- 23. マウス座標からX座標を設定する
- 24. レイトレーシングのピクセル座標からuvw座標を取得する
- 25. X座標とY座標を取得する
- 26. 現在のマウスの位置を取得
- 27. 座標でセルを取得
- 28. ARToolKitでマーカー座標を取得する
- 29. マウスの座標を画像の座標系にマッピングするPyQt
- 30. Javascriptでは、タグで煩雑なテキストの正確な座標を得ることができます(childNodes everywhere?)
少し変更されましたが、m yテスト:IE6、IE7、およびFF3 –