問題タブ [onmouseout]

画像を取得しようとしています。マウスをその上に置くと、画像マップが添付された大きな画像が表示されます。ここで見ることができます

それを見てください。ご覧のとおり、マウスをカセット テープの画像の上に置くと、イメージが切り替わりますが、イメージ マップの選択された領域にマウスを置くとすぐに画像が消えます。マウスを画像から離したときにのみ、画像をカセット テープに切り替えて、href 領域では切り替えないようにしたいのです。どうすればこれを修正できますか? それは可能ですか？

showPeopleDetailsユーザーがa-tagにカーソルを合わせると、関数を実行するJavaサーバーページがあります。showPeopleDetailsフレームワークによってインポートされる別のjsファイル内のJavascript関数です。showPeopleDetailsaタグの上にバルーンポップアップを表示する必要があります。どういうわけか、関数は最初のaタグに対してのみ実行され、他のタグに対しては実行されません。これはHTMLスニペットです：

これは私のJavascriptshowPeopleDetails関数です：

私がテストした機能に問題はなくshowPeopleDetails、Webサイトの他の部分で機能しています。しかし、追加event.clientXしevent.clientYてポップアップが表示されるのは1回だけです。Internet Explorer 8用に開発するだけなので、ブラウザーの互換性は問題になりません。ヘルプは大歓迎です！

キャンバスID「e」でマウスアウトを使用してキャンバスID「A」の画像を変更しようとしています。マウスオーバーを機能させてキャンバス「A」に画像を追加できましたが、削除できませんでした。

onMouseOverイベントとonMouseOutイベントの両方を持つアンカータグがあります。目的は、ツールチップを表示することです。アンカータグにカーソルを合わせると、onMouseOverイベントが適切にトリガーされてツールチップが表示されますが、onMouseOutイベントもトリガーされ、ツールチップは非表示になります。マウスをアンカーリンク上に移動すると、両方のイベントが非常に頻繁に発生し、基本的にツールチップのフラッシュが非常にすばやく表示および非表示になります。onMouseOutは、アンカータグの境界の外に出たときにのみ起動するようにします。

私が関連すると思うコード：

HTML：

Javascript：

これは私の基本的なコードです:

これは、div がホバーされたときにオーディオを再生します。いくつかの div があります (それぞれが異なるオーディオを再生します)。

ただし、各 div の子要素 ​​(テキストなど) にカーソルを合わせると、オーディオが停止します。

これはバブリング/伝播に関係していることを理解しています。私はjQueryを使用していて、単純にevent.stopPropagtion();を追加しようとしました。機能にしましたが、うまくいきませんでした。

他のソリューションでは .hover() などを使用する必要があります。しかし、再生するファイルの ID を取得するにはどうすればよいでしょうか?

それが理にかなっていることを願っています。私が言いたいことを説明するのは難しいと思います。

どんな助けでも大歓迎です。

今私の作業コードは次のとおりです。

ユーザー入力に基づいてコンテンツが動的にロードされる場合は特に、.hover の前に変数を配置することが重要です。
私はそれを別の方法で使用していましたが、innerHTML を使用すると機能しませんでした。

OnMouseOver、OnMouseOut、Enter キーの変更など、javascript を使用して複数のインライン スタイルを変更する方向を教えてもらえますか?

2 つの onclick マウス オーバー/アウトが発生する必要があり、Enter キーを押した後、グラフィックをローディング グラフィックに変更する必要がありますか?

マウスオーバー状態の前:

マウスオーバー状態 - 右から左に変更:

クリックして検索を開始したら、画像を次のように変更し、[スタイルの詳細] を削除します。

これは、OnMouseOver/Out 部分だけでこれまでに試したことです。

現在、私はすべての画像をループして、onmouseover/onmouseout イベントで画像を for ループで変更しています。

うまくいきません。私はこれを正しく行っていますか?

だから私はHTML + Javascriptで注文フォームを作成しました.Javascriptを使用したいのは、誰かがスープの「ラベル」にカーソルを合わせると、非表示のdivが表示されます(後でコードを取得する予定です)ラベルの上にカーソルを置いたスープに関する情報が表示されます)。私はなんとかそれを機能させましたが、実装したJavascriptコードが目立たないことを知っており、目立たないようにするために同じコード（または同等のコード）を外部Javascriptファイルに配置したいと考えています。

これは私のフォームのコードの一部です（「目障りな」Javascriptを使用）：

これを見ている経験豊富な Javascript コーダーには、目障りな Javascript は明らかだと思います...

「非表示」の div に関する CSS コードのフラグメントを次に示します。

私は外部のJavascriptファイルを持っています。これは、控えめな方法で必要なものを複製するために私がやろうとしていたことです:

このコードは、次のコードとともに、ページが読み込まれたときに実行される「setup」という関数に配置されます。

だから誰かが私を助けることができれば、私はとても素晴らしいです:)。コードの断片を提供すると問題全体の解読が困難になる場合は、すべてのコードを自分のサイトにアップロードして、ここで共有できます。

基本的に、ロールオーバーを CSS から JavaScript に変換しました。また、ページが読み込まれたときに選択される画像の 1 つを選択しました。しかし、onMouseOut イベントに問題があります。その写真を除いて、すべてが完璧に機能します。他の画像にカーソルを合わせると、その画像が選択されたままになります。複数の方法を試しましたが、修正方法がわかりません..何かアイデアはありますか？

わかりました、javascript ロールオーバーがあります。clicked3 の画像を最初に選択したいのですが、それをロールオーバーするか、他の画像をロールオーバーすると、clicked3 の選択が解除されます。私のhtmlの画像IDは、clicked1、clicked2、clicked3、clicked4です。このコードを実行しましたが、機能しません。ピクチャ 1 のロールオーバーが機能しておらず、ピクチャ 3 が選択されていないようです...何か助けはありますか?