- ベストアンサー
OnMouseout()内部タグへ移動しても発生してしまう
- OnMouseout()内部タグへ移動しても発生してしまう問題についての解決方法を教えてください。
- z-indexを使用して<div>タグを最上位に表示する方法はうまくいかないようです。他の解決策はありますか？
- OnMouseout()イベントが<div>タグ内の<table>タグに移動しても発生する問題に対処する方法を教えてください。
- rqg2010
- お礼率77% (283/364)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> <script type="text/javascript"> <!-- var Outflag; Outflag = false; function tstOnMouseout(){ Outflag == true; strHtml='<div id="div1" style="width:200px;background-color:Silver;z-index:10;" onmouseover="Outflag = true;" onmouseout="Outflag = false;setTimeout(\'checkM()\',50)">'; strHtml+='<table style="margin:50px;background-color:white;z-index:1;" onmouseover="Outflag = true;">'; strHtml+='<tr><td style="border:solid red 5px;">aaaaaaaaa</td></tr>'; strHtml+='</table>'; strHtml+='</div>'; document.write(strHtml); } function checkM(){ if (Outflag == false) { div1.innerHTML='bbbbbb'; } } // --> </script> </head> <body> <script type="text/javascript"> <!-- tstOnMouseout(); // --> </script> </body> </html> 即席で作成。これじゃダメっすか？ なぜかネスケで動かなかったし……ああ、オブジェクト取得方法が悪いのかな。
お礼
benelliさん、お早うございます。 早速ありがとうございます。 できました。 Mozillaでも動作しました。 ただ、フラグを使わずに判断できないものかと。 教えていただいたことをもとにもう少し調べてみます。 どうもありがとうございました。