問題タブ [onmouseout]

動的画像の onmouseover および onmouseout 属性の変更に問題があります。私がそれを機能させたい方法は、画像の上にマウスを置くたびに画像を変更する必要があり、マウスを離すと元の画像に変更する必要があるということです。画像を選択するたびに、その画像は、マウスを画像上で動かしているときに表示された画像に変更する必要があります。他の画像を選択すると、同じプロセスを実行する必要がありますが、変更された前の画像を元の画像に戻す必要があります。

上記のすべてを達成しましたが、私の問題は、複数の画像を選択して、以前に選択した画像の上にマウスを置くと、それらの画像が変更されないことです (onmouseover 属性はそれらに対して機能しなくなります)。

次のコードがあります。(これをファイルにコピーして Firefox でデバッグし、Firebug の [コンソール] タブで出力を確認できます)。

onmouseoverタグにイベントを追加liし、マウスをそのli領域に移動すると、コンソール情報が出てきます。

問題は、マウスを画像 (Google ロゴ) からその下のテキストに移動すると、複数の情報が出力されることです。onmouseoutエリアを離れていないのに、なぜイベントがトリガーされるのliですか?

onmouseoutこの状況でイベントをトリガーしないようにするにはどうすればよいですか。

ありがとうございました！！

ネストされたオブジェクトがある場合、マウスが通過するときに発生するイベントのタイミングは非常に直感的で複雑です。誰かがタイミングのルールを説明できますか？

たとえばdiv、次のようにをネストした場合：

各divには、イベントを発生させるためのonmouseoverandonmouseoutプロパティがあり、次の順序で発生します。

• マウスが動くとき1->2

  マウスオーバー2

• マウスが動くとき2->3

  マウスアウト2
  マウスオーバー3
  マウスオーバー2

• マウスが動くとき3->4

  マウスアウト3
  マウスアウト2
  マウスオーバー4
  マウスオーバー2
  マウスオーバー3

• マウスが動くとき4->5

  マウスアウト2
  マウスオーバー5
  マウスアウト3
  マウスオーバー4
  マウスアウト4
  マウスオーバー3
  マウスオーバー2

• マウスが動くとき5->4

  mouseout 5
  mouseout 4
  mouseover 3
  mouseover 4
  mouseout 2
  mouseout 3
  mouseover 2

• マウスが動くとき4->3

  マウスアウト4
  マウスオーバー3
  マウスオーバー2
  マウスアウト3
  マウスアウト2

• マウスが動くとき3->2

  マウスアウト3
  マウスアウト2
  マウスオーバー2

• マウスが動くとき2->1

  マウスアウト2

特にFirefox9.0を使用しています。ウェブブラウザに違いがある場合はお知らせください。

非常にシンプルなjavascriptドロップダウンメニューを作成しようとしています。ドロップダウンされたdivを表示するdivをオンマウスアウトすると、背景色が失われることを除いて、メニューは意図したとおりに機能します。したがって、＃m2にマウスを合わせるときは、＃sddm li a：hoverをアクティブのままにしておきます。これにはjqueryが必要ですか、それともjavascriptで実行できますか？

http://jsfiddle.net/6ZzK2/

リンクの上にマウスを置くと、ページにポップアップが表示されます。ポップアップは単なるテキストや画像ではなく、独自のWebページです。マウスオーバーで問題なくポップアップが表示されますが、マウスアウトでポップアップが消えないようです。ポップアップオンマウスアウトを非表示にするために、ある種のjavascriptコードを作成する必要があることは知っていますが、それを機能させることができないようです。誰か提案はありますか？これが私のコードです：

ページ上でマウスを押すと、closePopupが未定義であるというエラーが表示されます。これは、JQueryで正しく定義できていないため、理にかなっています。ちなみに、上記のasp.netコードにある以上にopenPopupを定義する必要はありません。なぜ追加のコードが必要ないのかわかりません。

「Usemap」属性を使用して座標をリンクしているという点で、フロア画像があります。

このような：

今私が必要としているのは、1.Store Room 2.Record Room のような 2 つのイメージを持つことです。

例：

店舗の部屋でマウスオーバーすると、店舗の部屋にある領域が強調表示され、マウスオーバーで何も表示されず、記録室も表示されるとします。

Jqueryまたはjavascriptでこれを実装する方法は?..

会計年度:

これは私が必要として...

ここにリンクの説明を入力

onMouseOutこことインターネットで、コードで無効にされた を再度有効にできるコードを検索しましたonClick。私は物事を見つけましたが、私の状況でうまくいくものは何もありません。

ページには、画像用と対応するテキスト用の 2 つの div を保持するコンテナー div があります。画像の下には、4 つのリンク (1、2、3、4) が​​順不同のリストに配置されています。訪問者が #2 にカーソルを合わせると、画像が img2 に変わり、一致するテキスト div が「hidden」から「show」に変わる必要があります。はonMouseOut、画像とテキストを元のバージョンにリセットします。はonClick画像/テキストをクリックされたものに # 変更し、 を無効にしますonMouseOut。

onMOuseOut次に、訪問者がその #link をロールオーバーしたときに、再び作業を行う方法が必要です。私が今持っているように、一度onMouseOut無効にすると、ページをリロードするまで無効のままになります。

これまでのコードは次のとおりです。

リスト項目 #2 は、私がテストした例です。私はまだJavascriptの初心者/中級者なので、このプロジェクトを理解して適用するか、コピーして貼り付けることができるように、答えは簡単でなければなりません。

javascript で動的メニューを作成する必要があるため、onMouseOver と onMouseOut を使用しますが、問題は、マウスを行スペースに合わせると、メニューが消えてしまうことです。

では、おそらくCSSを使用して、それを修正する方法は?

感謝！

browse catagories次のリンクでを模倣しようとしていますhttps://dev.twitter.com/discussions

onmouseover -コンテナはそれ自体の中に新しいアイテムを収めるために拡張されます-しかし、コンテナ内でマウスを動かすと（拡張されたconainer）onmouseout、マウスがコンテナ自体の中にある場合でも、呼び出されます-ばかげた間違いまたは試行しないどこでどのように私が間違っているのかを見つけるのは難しい

コード-

私は同様のテーマに関する多くの投稿を読みましたが、それらはすべて優れており、それらを読んで多くのことを学びましたが、それでも自分のコードを満足に機能させることはできません.

いくつかのボタンがあるメニューバーがあります。これらの 3 つをマウスオーバーすると、JavaScript によって各ボタンのドロップダウン メニューが動的に作成されます。

ボタンからマウスアウトするか、メニューバーから完全にアウトすると、ドロップダウンがクリアされます。

明らかに、ドロップダウンにマウスを置いたときに、このドロップダウンをクリアしたくありません。

もちろん、onmouseout イベントが発生し、このメニューがクリアされます。

同様の問題に使用されるさまざまなアプローチを見ることができます。しかし、これらのいずれも機能せず、リスナーが親に割り当てられたときに明らかに存在しない場所に div と dl が作成されたという事実に起因すると思います。そのため、dom に追加された html によってドロップダウンがリスナーのスコープ内に配置されますが、それでもマウスアウト イベントが発生したと想定されます。

正常に追加された動的コンテンツのリスナーを追加して修正しようとしましたが、マウスオーバーの前にマウスアウトが発生するのを防ぐことはできません。