問題タブ [mouseout]

たとえば$('div#something').mouseout(function(){});、そうすると、div を離れるときではなく、#something div 内にあるテキストにカーソルを合わせたときに関数が起動します。

div内のテキストにカーソルを合わせたときではなく、divを離れたときにのみ起動したい。

なぜこうなった？

'rollover'クラスの画像が4つあるので、各画像の上にマウスを置くと、画像のタイトルとIDを共有するリストアイテムが表示され、マウスを離すとリストアイテムが非表示になります。

私の問題は、画像が非常に接近していることです。マウスの出入りが速すぎると、リスト項目が点滅しているように見えます。次のマウスオーバーアニメーションが始まる前にマウスアウトアニメーションが完了しなければならないように、またその逆もできるようにしたいと思います。

どうすればいいですか？

JS FIDDLE @ http://jsfiddle.net/callumander/XhpuT/

重複の可能性:
指定された位置で要素を取得する - JavaScript

任意のマウス位置 (x、y) で要素を検出するにはどうすればよいですか?

mouseenter/を使用mouseleaveして、ホバーしたアイテムを強調表示しています。残念ながら、マウスが暗黙的に移動すると、これらのどちらも起動せず、これにより間違ったアイテムが強調表示されます。暗黙的にマウスを動かす例としては、矢印キーまたはトラック パッドを使用したページのスクロールがあります。

ここでコメント付きの動作デモを見ることができます: http://jsfiddle.net/bkG2K/6/

回避策の私の考えは、マウスの位置を時々、または可能であればスクロールした直後にチェックし、現在のマウス座標に基づいてホバー状態を更新することです。しかし、X、Y を指定して DOM 要素を見つける方法がわかりません。

アイデア？根本的な問題に対するより良い解決策がある場合は、お気軽に!

フッターにフェード効果を適用する簡単な jQuery スクリプトを作成しようとしています。マウスオーバー イベントでは不透明度 = 1 でフェードインし、マウス アウト イベントでは不透明度 0.01 でフェードアウトします。親divにこの効果を適用しました。問題は、子要素の上にマウスを移動するたびに、イベントがトリガーされ、div が複数回点滅することです。どうすればそれを止めることができますか? 親 div 内でマウスを移動したときではなく、親 div にカーソルを合わせたときに mouseover および mouseout イベントをトリガーしたい。

状況はこちら

事前に助けてくれてありがとう... :)

グリッド上に9つのアイテムがあり、すべてのアイテムの不透明度を0.5にします。カーソルを合わせた場合にのみ、div/itemとその中のすべての不透明度を1.0にします。

これがJSです

HTML

ロードされたとき、すべてのアイテムは不透明度0.5になりますが、フォーカスされたときに不透明度は変更されません。私はここで何が間違っているのですか？

Raphael JS を使用して、エリアとテキストラベルを含む SVG マップを作成します。マウスを上に移動すると、その領域が強調表示されます。

これで動作していますが、マウスをラベル (領域の中央) の上に移動すると、その領域のマウスアウト イベントがトリガーされるため、領域が再び強調表示されなくなります。

これが起こらないようにする方法、または回避策はありますか?

この単純なコードを確認してください。

マウスでトラバースしているときでも、onmouseoutイベントが発生します。ULLI

これはFireFoxの場合ですが、どうすれば正しく設定できるので、実際に離れたときにイベントが発生しULますか？

私はjquery selectbox pluginを使用しています。私の問題は、選択可能な領域の外にマウスを移動すると、ドロップダウン リストを非表示にしたいということです。

これが可能かどうかはわかりますか？

ありがとう！

私はこれを平易な英語で行おうとしています。マウスオーバーイベントからのオープンdivがあります。マウスをdivから取り出すと、マウスアウトで閉じます。完璧です。必要なのは、マウスアウトするときに、クラスxまたはクラスyのdivにマウスアウトすると、openDivが閉じず、クラスxまたはクラスy以外の他のdivにマウスアウトすると、openDivが閉じます。

これが私がこれまでに持っているものですが、それは機能しません：

更新： 実用的な答えを選択するには、さらに助けが必要です！jsfiddle.net/bUzPG/8クラスx、y、またはzにカーソルを合わせると開いたままになり、xまたはzにカーソルを合わせるとopenDivがピンク色になりますが、openDivの外側にカーソルを合わせるとピンク色になり、灰色になって非表示になります。灰色に変えて隠す方法はありますか？

次の関数を使用すると、マウスオーバー時にギャラリー上にボックスが開きます。問題は、開閉の試行が止まらないことです。これは、マウスが画像の周りを移動するときにトリガーされるmouseout関数と関係があります。

腹立たしい。それを修正するためのアイデアはありますか？

素晴らしい