問題タブ [onmouseout]

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.

0 投票する
1 に答える
5834 参照

asp.net - マウスオーバーハンドアイコンが表示されない

私はグリッドビューを持っています:

各行の特定のセルにハンドホバーアイコンを設定しようとしています。

onmousoverおよびonmouseoutイベントはマークアップに表示されます。

ただし、手の痕跡はなく、何も起きていないようです。私は何が間違っているのですか?IE8の使用

0 投票する
1 に答える
83 参照

jquery - Jquery メニューのマウスオーバーが機能しない

こんにちは、jquery を使用して簡単なメニューを実装しようとしていますが、うまくいきません。
このフィドルを調べてください。事前に感謝します
http://jsfiddle.net/Gg3cR/12/

0 投票する
1 に答える
2300 参照

javascript - ページ間隔に影響を与えずにホバー時に画像を変更/拡大

現在、onmouseover と onmouseout を使用して、ホバー時に画像を交換しています。これはうまく機能していますが、このスクローラーの効果を追加したいと考えています。画像サイズの増加がコンテナやテーブルに影響を与えないようにするには?

いくつかの要件があります。ソリューションはIE7で動作する必要があり、ホバー時に別の大きな画像を表示する機能が必要です。

0 投票する
1 に答える
480 参照

javascript - マウスアウト時のレジューム機能

私は javascript/jQuery を使用してページに取り組んでおり、ほぼ完成しています。回転するコンテンツ (機能 'rotatecontent') と、関連するボタンが上に置かれたときに回転するコンテンツの場所に表示される div があるはずです。ボタンから離れるとすべてのdivコンテンツが消え、元のrotatecontent機能が再開されないことを除いて、これをすべて達成しました。ユーザーがボタンから離れたら再開する関数を実装する必要があります。これが私のJSです:

そして、ここに私のHTMLがあります:

0 投票する
1 に答える
8563 参照

javascript - div onmouseover /onmouseoutJavascriptの表示/非表示

ページにハイパーリンクがあります。ハイパーリンクの上にマウスを置くとdivを表示し、マウスアウトするときに非表示にします。

私のhtml:

Javascript:

およびCSS:

getElementsByTagName、getElementsByClassNameを試しましたが、何を試しても

0 投票する
0 に答える
312 参照

animation - アニメーションとマウスアウト トリガーを使用した svg グループ

SVG グループと基本的なアニメーションに問題があります。この男はボタンです。ホバーすると、一種のメニューがポップアップ表示されます。目標は、マウス ポインターがボタンとメニューから離れたときにメニューが後退することです。

問題は「onmouseout」から始まります。ボタンとメニューがグループ化されていて、グループ全体で「onmouseout」が機能している場合でも、グループ内の任意の要素をマウスアウトすると、マウスアウト アクションがトリガーされます。したがって、ボタンからメニューに移動すると、撤回がトリガーされます。

これを回避するために、ボタンがマウスオーバーされたときに表示される上部にマスクを配置しました (いわば、表示されますが、不透明度が 0 であるため表示されません)。ここでは見やすいようにグレーにしています。しかし、このメニューに要素を追加したい場合は、以前よりも先に進む必要はありません。赤いブロックはこの別の要素です。

アニメーションを使用してメニューを表示するのではなく、メニューだけを表示させた場合、グループは希望どおりに動作するようです。

誰かが助けたり、光を当てたりできることを願っています。

0 投票する
4 に答える
6378 参照

javascript - マウスオーバー画像にdivを表示し、マウスアウトにdivを非表示にします:nextSiblingとpreviousSiblingが機能していません

私は次のコードを持っています:

div "inner-block"は、uをホバーしたときに画像の真上にくるように配置されます。したがって、リンクされた「内部ブロック」divをポップアップする画像にマウスオーバーを設定し、次にdivを非表示にして画像を再度表示するリンクにマウスオーバーを設定するというアイデアがあります。

elem.nextSiblingを使おうとすると、elem.nextSiblingが未定義であるというエラーが表示されるため、可視性を設定できません。ありがとう!あるいは、これを行う別の方法はありますか?ありがとう!

0 投票する
1 に答える
1307 参照

javascript - JavaScriptのonmouseoutイベントが期待どおりに機能しない

onmouseout動的に作成されたHTML要素で使用すると、イベントに問題が発生します。

これはHTMLコードです:

これはJavaScriptコードの一部です(jQuery 1.7.2を使用)。

明らかに、私が欲しいのは、マウスがいつ離れるかを検出しdiv#imageWrapper、アラートメッセージを表示することです。

そしてそれは機能しますが、私が期待したようには機能しません:

マウスが離れるとアラートが表示されますが、マウスのdiv#imageWrapper内側が要素の上にあると、それも表示されます(要素がの「外側の部分」であるかのように)。奇妙なことに、マウスが画像を離れると(ただし、マウスは画像上にとどまります)、アラートメッセージも表示されます。divimgimgdivdiv

結論: JavaScriptは、div#imageWrapperとそのimg中の要素の両方を2つdiv#imageWrapperの異なるとして扱います。

誰かがこれを修正する方法を知っていますか?

0 投票する
3 に答える
1271 参照

javascript - onmouseoutが正しく発火しない

私はマウスオーバーで起動することになっているこのコードを持っており、onmouseoutで反対のことをするのに対応しています:

カウンターパートには、number=number-8の変更のみがあります。および番号>=40; 問題は、マウスオーバーで色が変化すると点灯し、マウスアウトでライトダウンする複数のボックスがあることです。ボックスの上をゆっくりと移動すると(大きい場合はありません)、すべて問題ありませんが、すばやく移動すると、一部のボックスが消灯しません...非常に速く通過すると、オンマウスアウトが発生しないようです。何か助けはありますか?

}

これは私の完全なjsコードです

0 投票する
1 に答える
125 参照

javascript - JS(または必要に応じてmootools)は別の要素にマウスを終了しましたか?

さて、それで、私は私が何度も遭遇した少し奇妙な状況を持っています。私は以前に使用した(そしてそれ以来忘れてしまった)過度に複雑な解決策ではなく、単純で最良の解決策を探しています。

ほら、スライドショーがあります。スライドショーの上に浮かぶボタンもいくつかあります(ここに表示されます:http://marsxplr.com/view-13378

これで、ユーザーのマウスがスライドショーの上に移動したときにこれらのボタンが表示されるようになりました。ただし、ユーザーのマウスがボタンの上に置かれるとすぐに、mouseleaveが呼び出されます(マウスが技術的にはスライドショーの上にある場合でも)。これにより、マウスがボタンの上に移動するたびにボタンが消えますが、これは明らかに私が望んでいることではありません。

私はこれを解決するために、マウスオーバーを受信するたびに各ボタンが自分自身を再表示するようにしました。

しかし今、私たちは問題を抱えています...

ボタンはスライドショーの端にあります。つまり、mouseleaveが呼び出されると、次の2つのいずれかが発生しました。

A:マウスはボタンから外れましたが、スライドショーからは外れませんでした。スライドショーでmouseEnterが呼び出されました。これは、スライドショーが最終的にボタンをマウスリーブに非表示にするため、アクションを実行しないことを意味します。

B:マウスはスライドショーとボタンを完全に離れただけです。つまり、ボタンを非表示にする必要があります。

だから私の質問は、これらの2つの可能性の違いをどのように見分けるのですか?はい、はい、1つの解決策は、常にボタンを非表示にすることです-そして、ボタンを再表示するスライドショーに依存します...しかし、特定のブラウザでボタンonmouseleaveの前にスライドショーonmouseenterが呼び出されるのではないかと心配しています!!あなたがおそらく言うことができるように、これは問題を引き起こす可能性があります。実際、これについて考えると、私はすでにこれに影響を受けやすいです。たとえば、マウスがスライドショーからボタンに移動し、スライドショーのオンマウスリーブがオンマウスリーブの後に呼び出された場合、ボタンはまだ消えます...

つまり、簡単に言えば、次の2つのことのいずれかを知る必要があります。

  • これらのイベントが呼び出される保証された順序はありますか?
  • または、mouseleaveが呼び出されたときにマウスが実際にどこに行ったかを知る方法はありますか?

上記の例でわかるように、私はmootoolsを使用しているので、mootoolsソリューションで問題ありません。ただし、vanilla-jsソリューションも見るのは興味深いでしょう。

編集: 私のボタンはフロートされ、別のz-indexにあるため、親子DOM関係の標準操作は発生しません