問題タブ [onmouseout]

一般的な問題

たとえば、ドロップダウンメニューを想像してみてくださいmouse over。リンク上にいると、ドロップダウンがポップアップ表示されます。

しかし、以下の記事で読むことができるように、リンク（一部のブラウザーでは要素内のすべて）にマウスオーバーすると、ボックスが消えてしまうという問題があります。問題はから来ていevent bubblingます。

私のドキュメントonmouseoverでonmouseoutはdelayed with 0.5 seconds、この問題のために要素が振動し始めることがあります。

よりよく理解するためにこの記事を読んでください：

www.quirksmode.org-Javascript-マウスイベント

クァークズモードソリューション

私の文書

あなたはここで私の完全な文書を見つけることができます：

JSBin-私のドキュメント

mouseEvent(e)ここで機能のない元のドキュメントを見つけることができます：

JSビン-オリジナル

ボタンの上にマウスを置き、次にボックスの上にマウスを置き、すぐにマウスアウトしてすぐにボックスに戻ると、振動が始まります。（Firefox 3.6 Windows 7の場合）

Javascript

HTML

私の問題

quirksmodeが与える解決策は論理的に聞こえhow to use the functionますが、私が投稿したものが1つだけであるかどうかはわかりませんが、わかりません。これを作成するのを手伝っていただければ幸いです。仕事。

私が星の評価システムのために取り組んできたスクリプトは、塗りつぶされた星を onClick イベントで保存し、onmouseover と onmouseout の値を null に変更するので、後でマウスを離しても混乱することはありません。下の関数を使用して onmouseover と onmouseout イベントをリセットする必要がありますが、それらの中で、rating[y]とxは、含まれているものではなくリテラルであると見なされ、パラメータが正しくないため、onmouse イベントは失敗します。このようにイベントを変更するときに変数を入れるにはどうすればよいですか?

ナビゲーションメニューのxhtmlページでマウスオーバーとマウスアウトの効果を取得しようとしています。

このコードはFirefoxでのみ機能しますが、それ以外は機能しません。誰かがそれをすべてのブラウザで動作させる方法を教えてもらえますか？

これが私のコードです：

ChromeとIE7＆8でこれを試しましたが、エラーが解決しません。Safariでエラーが発生します：TypeError：式の結果'document[img_name]'[undefined]はオブジェクトではありません。 "

ページに画像があり、onmouseoverその画像の場合はJavaScript関数を呼び出してツールチップを表示しonmouseout、画像の中でツールチップを非表示にするメソッドを呼び出します。画像にカーソルを置くと、ツールチップdivを表示するメソッドが呼び出されていることがわかりました。

また、画像内でマウスを動かすと、onmouseoutイベントが呼び出されます（画像の外にいない場合でも）。どうすればこれを止めることができますか？onmouseoutカーソルが画像の外にあるときに呼び出されたいです。何かご意見は？

これが私がそれを呼ぶ方法です：

そして私のJavaScriptでは：

ページ全体は、メインインデックスファイル内のPHPインクルードです。メインページにJavaScriptを配置する必要がありますか？または外部のJavaScriptファイル？私はliを間違って参照していますか？

（外部CSSページ）

私は私のindex.htmlにこのコードを持っています:

テーブルの一部として、およびこれに関連付けられた css:

ポイントは、クリック可能な行、異なる色の奇数行と偶数行、およびマウスオーバー時に 3 番目の色が表示されるテーブルを作成することです。問題はコードのサイクル部分にあります。class ="<%= cycle('odd', 'even') %>"にサイクルを 1 つだけ配置すると、すべて正常に動作します。奇数行と偶数行があります。さまざまな色ですが、マウスを動かしてから外に出すと、クラス値はまだonmouseover="this.className='over';"によって設定されたものです . だから私はonmouseout="this.className='<%= cycle('odd', 'even')%>';"を使うことにしました このような：

で、ここで問題！サイクルのそれぞれが機能しなくなり、サイクルの2つのパラメーターの最初のクラスとして常にクラスが設定されます。何か案が？多分バグ？それともブラウザの非互換性ですか？これをChromeで機能させる必要があります。提案をありがとう

私の問題は「単純」です。アラートが表示される画像を選択するたびに、alert（ "1"）を含むonmouseoutプロパティを持つdivがあり、そのdivには2つの画像があります。

例。

マウスがすべてのdivから外れた場合にのみアラートを表示したいので、このdivには画像も含める必要があります。

ありがとうございます。

onMouseOver および onMouseOut イベントを TinyMCE 内のエディター インスタンスに (プラグインを介して) 追加したいのですが、TinyMCE の API ではサポートされていないようです。具体的には、要素をマウスオーバーして「読み取り専用」モード（およびその他のもの）に切り替えると、コントロールが表示されるようにしたいと考えています。これを行うには、自分でコードを TinyMCE に追加する必要がありますか?それとも、明白でない方法でサポートされていますか? コードを追加する必要がある場合、API に含めない理由の根拠となるこれらのイベントのサポートに対する禁止事項はありますか?

以下のレスポンダーと同じ混乱を抱えている人の利益のために明確にするために、TinyMCE ライブラリによって作成された TinyMCE.Editor インスタンス (たとえば、使用されるコールバックに渡されるクラス) にイベントをアタッチしたいと考えています。 TinyMCE.init のセットアップ パラメータ内)。私は次のことをしたい

、しかし ed (TinyMCE.Editor のインスタンス) は、同様のイベントの方法で MouseOver.add をサポートしていません。

私はこのコードを使用して、jsを使用してテーブルに行を追加しています。

そのTRでマウスオーバーを使用して背景色を変更したいのですが、どうすればよいですか？

こんにちは、基本的に私がやりたいことは、同じイベントを異なる画像に発生させ、コード行を .js ファイルに 1 回だけ書き込むことです。これは非常に基本的なはずですが、簡単なガイドが見つかりません。

これはコードの 1 つのサンプルであり、ページごとに少なくとも 2 回あります。

つまり、このリストでは 3 回同じで、2 回あります。js で構文を実行する方法と、html で参照する方法がわかりません。

また、2 番目の li にちらつきの問題がある理由を知っていれば、特に 1 番目と 3 番目の li にはまったく問題がないのに高速で移動する場合は、それは素晴らしいことです (追加のスタイリングに関連している可能性がありますが、それでも奇妙です)。