javascript内でのeventの取得方法について

質問

• firefoxでjavascript内からeventを渡す方法について質問です。
• dreamweaverでボタンのロールオーバー時に吹き出しを表示させるために、eventを使用したい場合にお困りのようです。
• firefoxではeventを取得する方法がわからず、window.eventやdocument.eventを試したがうまくいかないそうです。

回答No.2

arexis · ベストアンサー

いえいえ、好きで書いてるだけですからｗ

そうですね、そのまま使えた方が確かに便利ですね。
マウスオーバーがあるって事はマウスアウトもあるんですよね？

↓の方法は邪道でもっとスマートなキャプチャーがあるかもですが、、あれば他の人が書いてくれると思います^^;
var myEvent;
if(window.addEventListener){
document.addEventListener('mouseover',function(e){ myEvent = e }, true);
document.addEventListener('mouseout',function(e){ myEvent = e }, true);
}

これをどこの関数にもいれずに、scriptタグ内の最初の方に書いて置いて下さい。

IE以外のwindow.eventを理解できるSafariやOperaではwindow.eventを上書きが可能なので、window.eventを上書きしても良いのですが将来的にどうなるか怖いので グローバル変数 myEvent を使います。

タグの方の書き換えは不要です。
↓のMM_swapImage()の前半は質問の元のままです。

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments;
document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){
document.MM_sr[j++]=x;
if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];
}

if(myEvent = window.event || myEvent){ //イベントが取れなかった場合は動作させない
var chkName=a[0];
if(chkName == 'Image4') showTooltip(myEvent,'リンクの内容1');
if(chkName == 'Image5') showTooltip(myEvent,'リンクの内容2');
if(chkName == 'Image6') showTooltip(myEvent,'リンクの内容3');
if(chkName == 'Image7') showTooltip(myEvent,'リンクの内容4');
}
}

今時のブラウザなら大抵通用すると思います。

補足

すいません、本当にありがとうございます！

そうですね、マウスアウトもあります。
一応この通りにコピーしてみましたところ、firefoxでもちゃんと動きました！

リスナーで全部のmouseover、mouseoutを取得してるところまでは分かるのですが、「コピペしたら動いちゃった」状態です…。

function(e){ myEvent = e }
とか、
if(myEvent = window.event || myEvent)
このif文は、生まれて初めて見ました。

完全に僕の許容範囲を超えました(笑)
さすがにgoogleで30分くらい調べたところで分からないですね…。