[解決済み】jQueryでマウスが要素上にあるかどうかを確認するにはどうすればよいですか?
2022-04-03 18:05:48
質問
jQueryでこれを簡単に行う方法はないのでしょうか?
mouseoverイベントはすでに他のことに使っているので使いたくありません。 私はただ、ある瞬間にマウスが要素の上にあるかどうかを知る必要があるのです。
こんな感じで、"IsMouseOver"関数があればやりたいんですけどね。
function hideTip(oi) {
setTimeout(function() { if (!IsMouseOver(oi)) $(oi).fadeOut(); }, 100);
}
解決方法は?
マウスアウトでフェードアウトするタイムアウトを設定し、戻り値をオブジェクト内のdataに格納します。そして、マウスオーバー時に、dataに値があればタイムアウトを解除する。
フェードアウトのコールバック時にデータを削除する。
子供のマウスオーバー/マウスアウトが発生したときにメニューのために発生しないので、実際にはmouseenter/mouseleaveを使用する方がコストが低くなります。
関連
-
[解決済み】カルーセルで画像を中央に配置する方法
-
[解決済み] jQueryで文字色を変更するにはどうすればよいですか?
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】BootstrapがUncaught Errorを投げる。BootstrapのJavaScriptはjQueryを必要とする【解決済み
-
[解決済み】Chrome Developer ToolsでリソースがDocumentと解釈され、MIMEタイプapplication/jsonの警告で転送される。
-
[解決済み] Jquery.comのサイトのソースファイルはどこにあるのでしょうか?ダウンロードのリンクがないのですが
-
[解決済み] jQuery が Ajax 呼び出しの終了を待って戻るようにするにはどうすればよいですか?
-
[解決済み] jquery ui Dialog: 初期化前のダイアログでメソッドを呼び出せない
-
[解決済み] 2つの画像を切り替えるにはどうすればよいですか
-
[解決済み] クラス別のjquery onclick
-
[解決済み] jQueryを使って下までスクロールさせる
-
[解決済み] jQuery .onとhoverの使い分けは可能ですか?
-
[解決済み] jQueryでIFのホバーオーバーを検出する