問題タブ [mouseleave]

Silverlight 4.0を使用していますが、ComboBoxコントロールに問題があります。マウスをクリックせずに表示および非表示にするポップアップメニューを実装したいと思います。その領域にカーソルを置くと表示されるはずです-このprtはうまく機能します。その後、マウスポインタがその領域の外側にしばらく置かれると、非表示になります。MouseEnterイベントとMouseLeaveイベントを使用して実装しました。私の問題はComboBoxです-私の意見では、このコントロールは奇妙に動作します。通常、カーソルをその上に置くとMouseEnterイベントが発生し、マウスカーソルを他の場所に置くとMouseLeaveが発生すると予想されます。実際の状況は異なります。コンボボックスをクリックすると、オプションのリストが開いて表示され、すぐにLostFocusイベントとMouseLeaveイベントが送信されます。したがって、コントロールがキーボードフォーカスを失い、マウスポインターがその領域から移動したように見えますが、実際には、オプトインのコンボボックスリストが開いていてアクティブであり、キーボードフォーカスがあります。

だから問題は、コンボボックスで何が起こっているのかをプログラムでどうやって知ることができるかということです。ポップアップメニューを正しく非表示にするには、コンボボックスのオプションのリストがいつ開いているか閉じているかを知る必要があります。このドキュメントまたは他のドキュメントのイベントが表示されません。（望ましい動作は次のとおりです。コンボボックスが閉じている場合、マウスカーソルの位置に基づいてポップアップメニューを非表示にします。コンボボックスが開いている場合、ユーザーがコンボボックス内の何かを選択するか、コンボボックスを閉じるまで、ポップアップメニューを非表示にしません。 ）。

また、見た目も動作も同じで、必要なイベントが発生するサードパーティのコンボボックスの交換で良い経験をしたことがある場合は、お知らせください。

すでにホバー機能を備えた画像スワップスクリプトで使用されている複数のliクラスに、mouseenterの左にスライドを追加し、mouseleaveの右にスライドを追加しようとしています。

上記のスクリプトと同じスクリプトで以下のスクリプトを使用しようとする$('#thumb ul li a').hover(と、画像を交換する既存のホバー機能が壊れ、li クラスはスライドしたり何もしません。

#thumb ul li a画像を交換するスクリプトと、 li クラスとして定義したリンクをスライドさせるスクリプトを別々に実行する必要がありますか? ありがとう！

.Net 3.5 の Windows フォームで、メニュー オブジェクトを作成し、それに ToolStripMenuItems を設定しました。これらの項目の 1 つには、DropDown オブジェクトが添付されています。DropDown は、マウスが親の ToolStripMenuItem の上に置かれたときに表示され、マウスが ToolStripMenuItem から離れたときに非表示になります。ただし、親の DropDown に入って親を「離れる」場合は除きます。

また、ユーザーが選択を行ったときに DropDown を自動的に閉じたくないので、「AutoClose」プロパティを False に設定しました。

ドロップダウンを表示するのは簡単でした。親の ToolStripMenuItem で "MouseEnter" イベントのハンドラーをセットアップしました。しかし、適切なタイミングで DropDown を非表示にしようとして困っています。マウスが親の ToolStripMenuItem を離れたときにそれを閉じるようにハンドラーを設定すると、DropDown を使用できなくなります。ユーザーはその上にカーソルを合わせようとします!

マウスが本当に ToolStripMenuItem / DropDown アセンブリ全体を離れたか (この場合、DropDown を閉じる必要があります)、または DropDown を入力して ToolStripMenuItem を「残した」だけか (この場合、ドロップダウンは閉じないでください)。

これは一般的なデザインのように思えます - マウスが親要素の上に移動する/離れると表示/非表示になるドロップダウン - 通常はどのように行われますか? 提案に感謝します。

RIA 対応の SL アプリケーションに少し問題があります。

背景：

関連部分は次のようになります。

• データ操作 (読み込み、送信、ログインなど) が行われると、BusyOverlay コントロール (私が作成したもの) が RootVisual を無効にし、視覚効果を提供します。操作が完了すると、RootVisual.IsEnabled が以前のものに設定されます。RootVisual とのやり取りに関しては、ChildWindow と同じように機能します (少なくとも私が知る限り)。

• RootVisual (それ自体が UserControl) の要素の 1 つは非表示メニューです。実際のメニューを含む枠です。リソースには 2 つのストーリーボードがあり (幅を増減します。空想的なものではなく、想像できるほどシンプルです)、ボーダー自体には MouseEnter と MouseLeave が処理されます。ハンドラーは、ストーリーボードの 1 つを 1 行のコードだけで開始します。興味深いことは何もないため、サンプルは提供しません。投稿が肥大化するだけです。必要だと思われる場合は、お知らせください。関連する XAML および C# コードを投稿します。

問題:

RootVisual が無効になっている場合、Border.MouseLeave イベントは発生しません。ユーザーが初期データをロードするメニュー内の何かをクリックし、マウスをメニューの外に移動すると、非表示になりません。この問題をエレガントに解決する方法はありますか? CaptureMouse は論外です (マウスの左ボタンを押している必要があります)。私が考えることができるのは、静的クラスを処理するデータ操作で「OperationFinished」イベントを発行し、それを RootVisual である UserControl で処理することだけですが、それは醜く、私のアーキテクチャには適合しないと思います。足りないものはありますか？

解決策と提案に感謝します。

これが初心者の質問である場合は申し訳ありませんが、これらの mouseenter/mouseleave イベントを組み合わせる方法はありますか?

私はさまざまなプログラマーによってさまざまな方法を試しました。関数によって各divにリンクされたliクラスにマウスを合わせて、複数のdivを個別に非表示/表示しようとしていmouseenterますが、jQueryが初めてで、解決策が見つからないようです。これを行うためのよりクリーンな方法が必要であることはわかっていますが、まだ見つけていません。どんな助けでも大歓迎です！

例

ありがとう

html:

以下のHTMLを作成しました。黄色のボックスには、画像のサムネイルが含まれています。サムネイルにマウスオーバーすると、サムネイルの上に表示リンクが表示されます。

しかし、マウスを速く動かすと、リンク div がちらつきます。

コードは次のとおりです。コピーして html として貼り付け、テストできます。

また、FF 4.0 では mouseleave が呼び出されません。何か案は？

タイトルは自明です。これまでのところ、背景色はqtipホバーのピンクではなく、マウスアウトでは常に灰色のままです。

http://jsfiddle.net/bUzPG/21/完全なセットアップ。これは私を夢中にさせています！
この問題を解決する回答はすべて回答としてマークされます。

マウスがdivに入ると、divから上にスライドする画像を表示するためのコードがあります。コードは、マウスの出入りが速すぎてアニメーションに時間がない場合のバグを除いて、希望どおりに機能します。完了するために、私はすでにmouseoverとmouseoutからmouseenterとmouseleaveに変更しましたが、これは役に立たないようです、どんな提案も素晴らしいでしょう

正しく動作しない mouseleave イベント リスナーを含む並べ替え可能なリストがあります。

マウスを並べ替え可能なリストの内外に移動すると、mouseleave が正しく起動します。

sortable の子の 1 つを最初にクリック アンド ドラッグすると、mouseleave が正しく起動しません。散発的に発生するか、まったく発生しません。

何か案は？

ありがとう。

更新: これは、mouseout イベントでも発生します。

更新子 がソート可能な範囲外に完全にドラッグされたことを検出するために、次を使用しました。

私は次のHTMLを持っています

関数内で使用されるもの

私の問題は、「mouseleave」機能がこれらすべての外にあるときにのみ起動することです。瞬間、次から次へと発火し.outer-fieldますか？

つまり、外にある場合は一度発火させたい

これどうやってするの ？