問題タブ [mouseenter]

画像とラベルを含むStackPanelを含むリストボックスがあります。

現在マウスオーバーしている画像の後ろに3番目の画像（glow.png）を表示したいと思います。スタックパネルに2つ目の画像を追加して、表示を非表示に設定できないようです。私はまだマウスオーバーの部分にさえ取り組んでいません。

スタックパネル内に別の画像を追加し、その可視性をmouseenterで正しいアプローチが表示されるように設定してから、mouseleaveでスワップバックしていますか？

ありがとう。

私はここ数日ここにいるので、どんな助けでも大歓迎です。2つのdivが重なり合っているリンクがあります。上のdivは非表示になっていますが、スライドして下のdivを部分的に覆い、mouseenter次に再び外に移動しmouseleaveます。ある程度は機能していますが、少しバグがあります。これは私がjQueryのために持っているものです（私はデモとドキュメントからまとめました）：

これはページ構造です（ワードプレスページです）

同様の問題は以前に対処されていましたが、 bind() 関数を使用しているため、私のものは少し異なると思います。とにかく...

「mouseenter」でオーバーレイをフェードアウトしたいのですが、「mouseleave」後 2000ms でフェードバックします。

追加の質問があります。.overlay div がフェードアウトしたときに、その下にあるものをクリックできるようにする必要があります。つまり、div を完全に非表示にするか、z-index スタックを下に移動する必要があります。ただし、これを追加しようとすると、スクリプトはマウスが .overlay div を離れたと見なし、.overlay がフェードインします。

同じ理由で、fadeOut() と fadeIn() は使用できません。

アニメーション (RenderTransform を使用) によって移動された赤い境界線があり、その下の青い境界線は MouseEnter イベントを処理しています。

残念ながら、MouseEnter は、マウスが青い境界線に入ったとき (赤い境界線が離れたため) ではなく、マウスが移動したときに発生します。

以下のサンプルは Silverlight でテストされていますが、WPF でも同じことが起こると思います。

編集:さらにテストした後、これは WPF で機能します。MrJul が示唆するように、これはバグですか、それとも Silverlight の「欠けている機能」の 1 つですか?

XAML

C# コード ビハインド

TreeView、ListBox、または私のグーグル検索からスクロールバーで何かを検索しているように見えますが、スクロールバーはコントロールの一部とは見なされません。

カスタム コントロールに入れている TreeView があり、それは Dock Fill です。そこで、それを 1 か所で管理するためのすべてのロジックを持つカスタム TreeView として機能します。

私たちのプログラムの一部では、MouseEnter イベントに基づいてスライド アウトし、MouseLeave イベントでスライドして戻しますが、現在、これにはサード パーティ ライブラリの TreeView を使用しており、これを置き換える作業が行われています。

そのため、すべてを Windows TreeView に移動しましたが、スクロールバーを含めて TreeView 全体をそのままにしておくと、MouseLeave のみを確実にキャプチャする方法が見つかりません。

いくつかのピクセルでパネルをラップし、パネルの MouseLeave をキャプチャするというハックな解決策を見たことがありますが、これが Microsoft がこの状況で私たちに意図したことであるとは信じがたいです。

要するに：

ScrollBar はコントロールに対して MouseEnter または MouseLeave を起動しません。これにより、ユーザーが ScrollBar を使用できないため、コントロールをスライドさせるために MouseEnter/MouseLeave を使用できなくなります。

この状況を処理するための好ましい方法は何ですか?

Firefoxでのみmosueenter/mouseleaveイベントに問題があります...

http://www.screencast.com/users/StanleyGoldman/folders/Jing/media/be3572de-9c72-4e2a-8ead-6d29b0764709

マウスが含まれているDIVを離れたときだけ知りたいです。ただし、マウスをテキストボックス上で非常に高速に移動するか、マウスをdivのスクロールバー上で移動すると、イベントが発生します。

- 編集 -

ホバーで以下を試してみました。Firefoxでのみ同じ問題が発生するようです。

アンカー タグにバインドされたヒントとして .aspx ページを使用しています。アンカーからこのページにパラメーターを渡し、WCF サービスを呼び出して、返された JSON をテンプレートに入力する必要があります。body onload 関数を入れてみましたが、うまくいかないようです。

ありがとうコビー。

2 つのソート可能なリストがあり、1 つはネストされており、ネストされたソート可能なリストの li 要素に対してマウス エンター効果があります。私の問題は、ユーザーが入力フィールドである子要素の上でマウスをリスト内ですばやく移動すると、mouseenter および mouseleave 関数が一貫して呼び出されないことです。

問題を確認するには、ペインをリストにドラッグしてから、3 ～ 4 個のテキスト ボックス項目をペインにドラッグする必要があります。右上の 2 つの数字がマウスのイン/アウトを追跡していることがわかります。これまでのところ、自分のサイトは firefox 3.5.7 でしかテストしていないことに注意してください。この問題は Firefox バージョン 3.6 で修正されたようですが、以前のすべてのバージョンの Firefox 3.x で動作するにはこれが必要です

例

私のjquery 1.4.1コード：

mouseenter 関数と mouseleave 関数は次のとおりです。

ページに動的に li 要素を追加する関数を呼び出すときに、 live() を使用せずに mouseenter および mouseleave 関数を割り当てようとしました。ただし、問題は解決せず、firebug デバッガーでエラーが表示されます。おそらく、Firefox の relatedTarget と関係があります。ご協力ありがとうございます。

.li_group クラスにマウスを入力すると、1 つの<li>タグでスライドダウン効果が発生し、すべてがスムーズに進みますが、遅延中にマウスを離して .li_group をオンにすると、効果が「キューに入れられ」、li が下にスライドし、遅延し、スライドしますもう一度ダウンなど...私は考えられるあらゆる方法を試しました。しかし、それはまだそれを行います...

hover の代わりに mouseenter を使用する理由は、ul / li リストの方がうまく機能するためです。

それで、ネストされたdivのブロックがあるとしましょう：

私はこの種の振る舞いをしたい：

1. divにカーソルを合わせます。その特定のdivは背景色を変更しますが、その子は変更しません。
2. そのdivの子にカーソルを合わせます。繰り返しますが、子は色を変更しませんが、（重要な）親は元の色に戻ります。
3. 親divに戻ります。子供は元の色に戻り、親はもう一度色を変更します。

最初の2つのステップは簡単です。

しかし、最後のステップで問題が発生しました。これは、子divに入ると、mouseenterイベントが親でアクティブなままであるためです。私がやったことは、そうではないように見せることだけです。親でmouseleaveをトリガーする唯一の方法は、ネストされたブロックを完全に終了して、再度入力することです。これを回避する方法はありますか？