問題タブ [mouseout]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jquery:divを追加すると、mouseover/mouseoutがループします
ナビゲーションメニューに使用しているULがあります。ユーザーが子liの上にマウスを置くと、「nav-about」(またはnav-そのliのクラスが何であれ)のクラスを持つdivをliに追加し、追加されたdivをslideDownします。コードがループに巻き込まれ、マウスをliから移動するまで、liのマウスオーバー/マウスアウトが前後に切り替わるという問題が発生しています。助けてくれてありがとう。
html
css
jquery
jquery - マウスオーバー/マウスアウトjquery
私はマウスオーバーとマウスアウトを持っています。ここでは、マウスオーバーでいくつかのdivを非表示/表示してから、マウスアウトで非表示/表示を逆にします。動作しますが、マウスを移動しているDivの上にマウスをすばやく移動して、divを表示すると、約3回前後に移動し、表示と非表示が表示されます。私は何が欠けていますか?
java - Javaで「マウスアウト」効果を行うにはどうすればよいですか?
JButton (javax.swing.JButton) にマウスを合わせて境界線の色を設定しようとしていますが、これを機能させることができます。ボタンにマウス移動イベントを使用すると、マウスを離すだけでできなくなります。マウスアウト効果を機能させる方法を見つけたようです。役立つアイデアや方法はありますか?注: MouseExited は機能しません。少なくとも私の例では。
jquery - マウスオーバーでdivを表示する
ネストされたdiv、ulなどがたくさんあります。構造はここに示されています。
ここに表示されているulは、ロールオーバーで表示されています。.drop cssはposition:absoluteとして設定されているため、トップレベルのdivの上に表示されます。
したがって、ulドロップは見栄えがしますが、マウスカーソルに接触するとすぐに狂ってしまいます(止まることなく上下にブラインドします)。これは、何らかの方法でフォーカスを失うことに対するマウスと関係があります。
この種の効果が適切に機能するためには、どのように対処すればよいですか?divをスクロールして、表示された後にドロップulからオプションを選択できるようにしたい。
前もって感謝します。
javascript - Javascript - マウス イベントとフローティング要素の問題
jQuery を使用して作成しているスクリプトで厄介な問題が発生しました。
ホバーすると任意の行にツールバーが表示されるテーブルがあります(見出し行を除く)。これはうまく機能しており、これがそのコードです。
アクション ツールバーにカーソルを合わせると、問題が発生します。行のmouseout
イベントが発生し、ツールバーが非表示になります (その後、表示/非表示の無限ループに入ります)。これは、ツールバーが絶対位置にあり、行の子ではないためです。
契約は次のとおりです。
- 行の子にしたくありません。これは、マウス イベントごとに削除して DOM に追加する必要があるためです。これは、要素の CSS を単純に更新するほど効率的ではありません。
- 可能であれば、これを解決するためにタイマーも避けたいと思います。
前もって感謝します!
jquery - MouseOver削除クラスMouseOut復元クラス
そのため、他のメニュー項目にカーソルを合わせたときに、アクティブなメニュー項目のクラスを削除するためのスクリプトを少し見つけようとしています。しかし、私がナビゲーションから離れるときにそれを復元します。トリッキーな部分は、現在アクティブなアイテムにアクティブなサブメニューがある場合にスクリプトがトリガーされないようにすることです。
たとえば、4つのメニュー項目(メイン1、メイン2、メイン3、メイン4)があります。2つにはサブメニューがあります(メイン2、メイン4)。メイン1は現在アクティブであり、activeという名前のクラスがあります。メイン2にカーソルを合わせるとサブメニューが表示され、メイン2にカーソルを合わせると、ホバークラスとハイライトクラスが表示されますが、メイン1は通常の在庫に戻ります。ここで、ナビゲーションから離れると、メイン1はアクティブなクラスに戻り、メイン2は通常のように見えます。
同じ設定を行い、メイン2をアクティブにして、デフォルトでサブメニューを表示します。Main 1 Main 3 Main 4にカーソルを合わせると、サブメニューが閉じ、Main 2のアクティブなクラスが削除されますが、離れると、アクティブに戻り、サブメニューが表示されます。これで、メイン2にカーソルを合わせるか、サブメニューのサブメニューにカーソルを合わせると、クラスが変更されることはなく、同じままになります。
私は似たような設定を広範囲に検索しましたが、何も見つかりませんでしたが、ここで見つけることができる以前の質問に投稿したもの以外はすべてのものを投げましたが、運が悪ければstopPropagation()でこれはこのプロジェクトのコードは間違っていますが、はるかに異なるプロジェクトで機能しました。すでに回答済みとしてマークされている場合、他の人に投稿できるかどうかわからなかったため、これについて2番目の質問をしました。
事前に感謝し、私が助けを得ることを願っています、
タイラー
編集:ここ にjsfiddleの古いスクリプトへのリンクがあります更新:2011年4月30日
jquery - jqueryのマウスオーバーの質問
次のようなdivでマウスオーバーするとトリガーされるjquery-scriptがあります。
問題は、テキストにカーソルを合わせるとマウスアウトのように動作することです。目に見えないdivをその上に置いて、その上でモースオーバーをトリガーすることもできますが、できるだけシンプルにしたいと思います。
助言がありますか...?
jquery - attr、mouseenter、およびmouseoutが正しく機能しない場合のヘルプ
クラスを変更して次のクリックまで保持するattr関数を取得できません。また、新しいmouseenterおよびmouseout関数は使用されません。私が間違っていることについて何か考えはありますか?
HTML
JQUERY
これがページのサンプルへのリンクです。MMAスライドショーコントロールのサンプル
jquery - jQuery マウスオーバー マウスアウト 不透明度
これはアニメーション化する私の関数であり、機能しdiv#fruit
ます。
問題はこれです。アニメーションが終了するmouseout
前に、をmousein
開始する前にアニメーションを完了する必要がありmouseout
ます。(それが理にかなっていることを願っています)
これは通常は目立ちませんが、持続時間が長いと目立ちます。
アニメーションを終了するのではなく、アニメーションを停止して元の状態に戻してほしい。