問題タブ [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 - Jquery-マウスアウトイベントを遅らせる
mouseout
イベントが発生する前にjQueryを一定の時間待機させる方法はありますか?
現時点では発火が早すぎるため、マウスを評価する前に500ミリ秒待つことをお勧めします。以下で使用しているコードの例。
これを行うjQueryの方法はありますか、それとも自分で行う必要がありますか?
javascript - ie/ffでブラウザを出るときのclientXとclientYの違い
clientX と clientY で少し問題が発生しました。
マウスがウィンドウから出たかどうかを検出し、どこから出たかを知るための小さなイベントを配置しました。問題が発生しました。Firefox では正常に動作しますが、IE では応答として -1 しか送信されません。フレームワークを使用せずにその問題を簡単に解決する方法があるかどうか誰かが知っていますか?
それを再現するための少しのコード:
ウィンドウの左側から終了した場合の結果は次のとおりです。
e.clientY:302 e.clientX:-130 (Firefox)
e.clientY:-1 e.clientX:-1 on ie.
前もって感謝します。
jquery - マウスオーバー/マウスアウトによるjQueryアコーディオンナビゲーション
次のプロパティを持つアコーディオン ナビゲーション メニューを作成しようとしています。
親 LI にカーソルを合わせると、そのサブメニューが下にスライドします。マウス ダウンしてサブメニューにカーソルを合わせると、期待どおりに開いたままになります。
親リンクまたはサブメニューのいずれかからカーソルを移動すると、サブメニューが再び上にスライドします。
私は近づいていると思っていました.サブメニューをslideDownにすることができますが、その上にカーソルを合わせると、親LIをマウスアウトしてslideUpをトリガーする必要がありました. これを必要なものにする方法がわかりません!
これが私のスクリプトです:
そして、これが私の HTML マークアップです。
助けていただければ幸いです。
jquery - jQueryのmouseoutイベントとの混同
私のHTML:
jQueryを使用する場合
マウスが子に入ると、なぜdiv
関数が起動するのだろうか。私はまだ親の中にいdiv
ます。その関数は、子供がいるときではなくmouseout
、親を離れるときにのみ起動するようにします。div
div
乾杯
jquery - jQueryはマウスオーバー/マウスアウトをアニメーション化し、ドロップメニューを表示したままにします
アニメーションを使用して基本的なドロップダウンメニューを作成しようとしていますが、マウスが離れるまでドロップダウン部分を開いたままにする方法がわからないという問題が発生しています。これを開いたままにする簡単な方法はありますか?.clickme mouseout関数はそれに応じてメニューをアンロードするため、私が持っているものが完全に間違っていることを私は知っています。
誰かがこの特定の例で助けることができれば、私は非常に感謝するでしょう。
});
jquery - jQuery: ホバリング時に子 div を表示および非表示にする
アイテムを揃えました。各アイテムには 2 つの画像といくつかのテキストがあります。画像については、overflow:hidden CSS 値を持つ親 div を作成しました。マウスオーバー効果を実現したい。画像にカーソルを合わせるとすぐに、現在の div を非表示にして 2 番目の div を表示します。ここに小さなスニペットがあります:
小さな jQuery スニペットを作成しました。
問題は、現在ホバリングされている子が非表示になっているだけではありません。代わりに、他のすべての既存の子も非表示になります。"this" や "current" のようなものが必要ですが、どの jQuery 関数が適切かわかりません。何か案が?
ありがとう、BJ
javascript - マウスオーバー - マウスアウト - Javascript
私がやろうとしていること:
ユーザーが画像にカーソルを合わせると、右上隅に小さな x (画像) が表示されます。ユーザーがこの小さな x をクリックすると画像が削除され、ユーザーがマウスアウトすると小さな x が消えるはずです。私はいくつかのことを試しました:
html 構造は、li と画像を含む ul です。
Javascript:
これが機能しない理由: ユーザーが小さな画像にカーソルを合わせると、マウスオーバーがトリガーされます。
私も試しました:
これも試してみました:
これは同じ効果をもたらしましたが、まだちらつきがありました
誰かがこれを行う方法を別のアイデアを持っていますか (特定のコードは必要ありません。概念も高く評価されます;))?
jquery - jQueryとmouseoutが呼び出されるまでのコードの実行
良い一日、私は私たちのサイトのスライダーを構築する任務を負っています。これが私の目標です:
ボタンにカーソルを合わせたときに「スライダー」を左に30ピクセル移動し、別のボタンにカーソルを合わせたときに右に30ピクセル移動する必要があります。
私の問題は、私がまだ考えたり読んだりしていないことがない限り、マウスが問題になっていることをコードに伝えるための信頼できる方法がないように思われることです。つまり、マウスがボタンの上にある場合、mouseoutが呼び出されるまで「スライダー」を左に移動するコードが実行されます。これを行う方法がよくわかりません。
私が考えることができる唯一の方法は、offsetTop、offsetLeft、offsetTop DOMプロパティを調べて、それらをマウスの位置と比較することです。チェックを実行して、マウスがボックスの境界内にあるかどうかを確認し、そうでない場合は停止します。コードの実行。
これを行うためのより良い方法はありますか?
jquery - jqueryホバーの問題
リンク上でマウスを高速で動かすと、マウスオーバーの問題が発生することがあります。マウスが動かない場合にのみループし、動かない場合は停止する方法があります。