どこでイベントが発生したかを取得

実行結果
IEの方はこちら
ネスケの方はこちら
ソースコード
IE専用ソース・・・
<html>
<head>
</head>
<body>
<script language="JavaScript">
<!---
if (navigator.appName.charAt(0)=="M")
{
function eve1()
{
alert("イベント"+window.event.type+"が発生しました。"+"\n"+
"スクリーンのX座標 :"+window.event.screenX+"\n"+
"スクリーンのY座標 :"+window.event.screenY+"\n"+
"ウィンドウのX座標 :"+window.event.offsetX+"\n"+
"ウィンドウのY座標 :"+window.event.offsetY);
return true;
}
document.onmousedown=eve1;
}
//--->

</script>
</body>
</html>
ネスケ専用ソース・・・
<html>
<head>
</head>
<body>
<script language="JavaScript">
<!---
if (navigator.appName.charAt(0)=="N")
{
function eve1(e)
{
alert("イベント"+e.type+"が発生しました。"+"\n"+
"スクリーンのX座標 :"+e.screenX+"\n"+
"スクリーンのY座標 :"+e.screenY+"\n"+
"ウィンドウのX座標 :"+e.pageX+"\n"+
"ウィンドウのY座標 :"+e.pageY);
return true;
}
document.onmousedown=eve1;
}
//--->
</script>
</body>
</html>
解説
まずはIEの方の説明から・・・
window.event.typeは、ウィンドウ上でのイベントの種類を取得する為のソースです。
window.event.screenXは、スクリーン上で起こったイベントのX座標を取得する為のソースです。
window.event.screenYは、スクリーン上で起こったイベントのY座標を取得する為のソースです。
window.event.offsetXは、ウィンドウ上で起こったイベントのX座標を取得する為のソースです。
window.event.offsetYは、ウィンドウ上で起こったイベントのY座標を取得する為のソースです。
次はネスケの説明・・・
e.typeは、ウィンドウ上でのイベントの種類を取得する為のソースです。
e.screenXは、スクリーン上で起こったイベントのX座標を取得する為のソースです。
e.screenYは、スクリーン上で起こったイベントのY座標を取得する為のソースです。
e.pageXは、ウィンドウ上で起こったイベントのX座標を取得する為のソースです。
e.pageYは、ウィンドウ上で起こったイベントのY座標を取得する為のソースです。
document.write()は、文字を書き出すための命令です。
alert()は、ダイアログボックスを出すための命令です。

[★高収入が可能!WEBデザインのプロになってみない?! Click Here! 自宅で仕事がしたい人必見! Click Here!]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]


FC2 キャッシング 出会い 無料アクセス解析