問題タブ [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.
javascript - マウスがブラウザウィンドウを離れるときのJavascriptイベント
マウスがブラウザウィンドウを離れたときにJavascriptコードを実行したいのですが。Safari（WebKit）のみをサポートする必要があります
マウスアウトハンドラーをウィンドウに配置してみました。そのハンドラーは、マウスがブラウザーウィンドウを離れるときに確実に呼び出されます。ただし、バブリングのため、マウスがドキュメント内の要素間を移動したときにも呼び出されます。マウスが実際にウィンドウを離れたのはいつか、要素間を移動しただけなのかを判断する方法がわかりません。
マウスがウィンドウを離れると、ちょうど1つのイベントが生成され、ターゲット要素はマウスが実際に置かれた要素であるように見えます。そのため、ターゲット要素がウィンドウであるかドキュメントであるかを確認することはできません。また、ページ全体をdivを含む非表示でラップすることも機能しません。divが非表示の場合、マウスがその上に置かれることはないため、何も変更されません。
（ハンドラーをdocumentまたはdocument.bodyに配置した場合も同じことが起こりますが、驚くべきことに、作成された空の垂直スペースなど、マウスがウィンドウの空の部分に出入りしたときに、document.bodyはmouseover/mouseoutイベントを取得しません。要素をbottom：0で絶対的に配置します。そのスペースでは、ドキュメントとウィンドウはターゲットが<html>のmouseover / mouseoutイベントを取得しますが、document.bodyは取得しません。）
私が持っていたいくつかのアイデア：
- 各mouseoutイベントで、マウスの実際の位置を取得し、それが実際にウィンドウ上にあるかどうかを確認します。しかし、これが実際に可能かどうかはわかりません。すべての競合状態を排除するのは難しいように思われます。
- また、マウスオーバーハンドラーを登録し、マウスアウトがマウスオーバーによって続行されない（またはすぐ後に続く）場合を検出します。しかし、それにはタイマーが必要になります。
私たちはprototype.jsを使用しているので、理想的にはプロトタイプのEvent.observeの観点からソリューションを表現したいと思いますが、その部分は理解できます。
提案をありがとう！
jquery - Jqueryのマウスオーバー/マウスアウトのトリガーに一貫性がない
2つのソート可能なリストがあります。1つはネストされており、ネストされたソート可能なリストのli要素にマウスオーバー効果があります。私の問題は、ユーザーが子要素のリストをすばやくマウスで移動すると、mouseover関数とmouseout関数が一貫して呼び出されないことです。
何が起こっているかのサンプルを次に示します。問題を確認するには、ペインをリストにドラッグしてから、3〜4個のテキストボックスアイテムをペインにドラッグする必要があります。右上の2つの数字が、マウスの出入りを追跡していることがわかります。これまでのところ、Firefoxで自分のサイトをテストしただけであることに注意してください。
私のjqueryコード：
マウスオーバーとマウスアウトの機能は次のとおりです。
p>最初の並べ替え可能なリスト：
update: function(ev, ui){ if (!ui.item.is('.noChange')){ addNewPane(ui.item); } }, start: function(event, ui){ if (ui.item.is('.noChange')){ $("#left-form-space").css({'height' : height}); $("#left-form-space").animate({height: "75px"}, 600, function(){ $("#left-form-space").css({'height' : 'auto'}); }); } }, stop: function(event, ui){ $item = ui.item; if ($item.is('.noChange')){ $item.css({'height' : '0px'}); $item.animate({height: "150px"}, 600, function(){ $item.css({'height' : 'auto'}); }); } }, placeholder: '.placeholder-highlight', cursor: 'move', revert: true });
ネストされたソート可能なリストを追加するための私の関数：
};
助けてくれてありがとう。
event-handling - Javascript: イベント リスナーのマウスアウト
私の問題を説明させてください。カレンダーの ID を持つ div タグに割り当てられたマウスアウト イベントがあります。このハンドラーが呼び出されたとき (マウスがカレンダー div 上にないとき)、2 秒待ってから、マウスがまだカレンダー div 上にないかどうかを確認します。マウスがまだ出ていない場合は機能を実行し、そうでない場合は何もしません。
プロトタイプの JavaScript ライブラリを使用します。私のコードは次のとおりです。
ありがとう
jquery - jquery：要素のマウスオーバー/マウスアウトでクラスを切り替えますが、要素の内側をクリックしてもクラスを維持しますか？
私はこれで自分の利益のためにあまりにも賢くしようとしているのではないかと思います！
私は、ホバーイン/アウトしたときに要素のクラスのオン/オフを切り替えるjQueryプラグイン関数に取り組んでいますが、ホバーアウトする前に要素の内側をクリックしてもクラスが削除されず、にカーソルを合わせる前に、要素にはすでにそのクラスがあります。
私は次のことを考え出してみました：
...クリックする前にホバーアウトし、クラスを削除してクリックのバインドを解除する場合のアイデア-ホバーアウトする前にクリックすると、マウスアウトのバインドが解除され、クラスが削除されることはありません。
明らかに（私はここで助けを求めているので！）それは機能しません-ホバーアウトする前に要素の内側をクリックするかどうかに関係なく、クラスは削除されます。
誰かがそれが失敗している理由を指摘し、おそらくそれを回避するためのより良い方法を提案できますか？ありがとう！
java - Java Swing：マウスオーバーの背景色を変更
マウスがコンポーネント（JPanel）に入るたびに背景色が変化し、マウスが離れるたびに元に戻る単純なマウスリスナーを実装しました。これにはいくつかの問題があります。
- マウスの動きが速すぎて、mouseExitイベントが発生しない場合があります
- コンポーネントに子がある場合、マウスが子に移動すると、mouseExitがトリガーされます
- マウスを子にすばやく移動すると、mouseEnterイベントが発生しません
これはSwingのベテランにとって簡単なことだと思います。これを修正する方法について何か提案はありますか？タイマーなどは使いたくない…
jquery - jqueryは、クリックイベント後にマウスオーバーイベントを停止します
誰かがこれで私を助けることができます
クリックイベントの要素に別の色を設定しようとしています。
問題は、マウスオーバーイベントによってすべてが再び白くなることです。そのため、active（actief）クラスの色が表示されることはありません。
私は何ができますか、私はすでに行stopeventpropagation（）を入れようとしましたか？
ありがとう、リチャード
actionscript-3 - AS3: マウスがステージを離れたときに MOUSE_OUT が起動しない
ステージ全体を上から下までカバーするナビゲーション項目を備えた Web サイトを開発しています (下の変更された画像を参照)。ユーザーがマウスでステージを終了するのは非常に簡単で、MouseEvent.MOUSE_OUT「オフにする」ために必要なイベントをトリガーしません。ナビアイテム。
Event.MOUSE_LEAVEマウスがステージを離れたことを検出し、有効なナビゲーション項目をオフにするために使用する必要がありますか? それが私がやろうとしていたことですが、リスナーからの出力を取得するのに問題がありました。何か案は？
代替テキスト http://marcysutton.com/blog/wp-content/uploads/2010/01/redpropeller.png
Flash IDE のムービークリップに関連付けられたクラスの場合、これはEvent.MOUSE_LEAVEリスナーを登録するための正しい構文ですか? 私が何をしても何もしないようです。イベントを発生させるためにブラウザにムービーを埋め込まなければならない場合はありますか?
ここに私の MainNav.as クラスがあります:
jquery - jQueryホバーはまだトリガーアウト
次の問題があります。私は単純なjQueryツールチップに取り組んでいますが、今は私にとって奇妙なことを扱っています。要素にマウスオーバーするたびに、マウスオーバーとマウスアウトの両方のイベントがトリガーされるため、ツールチップが消えます（ただし、手を離し続けると、1秒間に多くの点滅が発生します）。私のコードがあります。
そしてHTML：
マウスアウトイベントがまだ私のボックスをトリガーして非表示にしている理由を誰かが知っていますか？
どうもありがとう、Ondrej
jquery - JQuery-マウスオーバーの問題
私は次のシナリオを持っています...
span.share-thisにカーソルを合わせると、「 under 」というdivが表示されます。このビットは、私が望むように正確に機能します。ここで、マウスカーソルが「under」 divにあり、マウスアウトすると、「under」 divが消え、すべてが元の状態に戻るように設定しました（すべてがまだダンディです）。
私の問題は、span.share-thisにカーソルを合わせて、 「under」 divに移動せずに、ページの別の部分に移動しても、「under」 divが引き続き表示されることです。
span.share-thisからページの別の部分に移動すると、「under」 divが非表示になるように設定したいと思います。
誰かが私がどの機能を見るべきか知っていますか？
JQueryコード
HTMLコード