問題タブ [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 に答える
170 参照

javascript - 2 番目の JS ボタンが最初の JS ボタンをトリガーする

私は何か間違ったことをしなければならないことを知っていますが、私は自分が何をしているのかを完全には理解していません. JavaScript 関数にリンクされた複数のボタンを使用して処理を行うフォームを作成しています。私は、これら 2 つのボタンを同じページに配置するという非常に基本的なポイントにいます。onMouseOver、onMouseDown、onMouseUp、onMouseOut を実行すると、ボタンのイメージが変わります。

これを行うには他の方法 (より良い方法) があることは知っていますが、少なくとも JavaScript の仕組みをよりよく理解するために、この方向に進んでいます。今後、このようなことが必要になるかもしれないやや複雑なことを行う必要があることはわかっています。そこに着いたら、それを確実に理解したいと思います。

私が抱えている問題は、2 番目のボタンを使用しようとしても何も起こらないことです。最初のボタンは正常に機能しますが、2 番目のボタンは機能しません。また、2 番目のボタンを使用しようとすると、最初のボタンがオフになります。したがって、ボタン 2 を onMouseOver すると、ボタン 1 に影響が現れます。同じ画像を使用しないように画像ファイルを新しいセットにコピーしようとしましたが、ボタン 2 を使用すると、ボタン 2 に設定された機能がボタン 1 に適用されることがわかりました。

とにかく、ここにHTMLコードがあります....

そして、ここにJavaScriptがあります....

ここで何が間違っていますか?これらのリンクを実際に別々に機能させるにはどうすればよいですか?

賢い方教えてください。私はこれがばかげて単純でなければならないことを知っています。

0 投票する
2 に答える
1308 参照

jquery - Jqueryは要素をDivに追加し、マウスアウトで非表示にします

Jquery を使用してフッター div を別の div に追加し、新しく追加されたフッター div をホバー時に表示し、その後ゆっくりとフェード/非表示にしようとしています。これは私がこれまでに思いついたコードです:

私がこのコードで直面している障害は、追加された div が .show('show') 関数に従わず、マウスがホバー領域から削除された後、追加された div がゆっくりではなく即座にフェードアウトしないことです。誰かが私がここで見逃していることをアドバイスできますか?

わかりました、私はコードを使用して動作するようになりました:

ただし、マウスを ('.xg_widget_main .module_forum .vcard') から離しても、追加された div は削除/非表示になりません。誰かがこれを行う方法を提案できますか?

0 投票する
2 に答える
2107 参照

css - マウスを高速で移動したときにOnMouseOutイベントがトリガーされない(GWT-すべてのブラウザー)

私は、テキスト「HELLO」の青い長方形を表すDIVを持っています。これは、ユーザーがクリックすると色が赤に変わり、テキストが「BYE」になり、ユーザーがマウスカーソルを外側に動かすと、元の色とテキストに戻ります。これらのスタイルはCSSで記述されており、テキストはGWTイベントから制御されます(以下のJavaコードを参照)。

問題は、マウスを非常に速く動かすと、どのブラウザでもONMOUSEOUTイベントが発生しないことです。しかし、ゆっくり動かすとうまくいきます。

何かアイデアはありますか?ありがとう

MyFile.html

MyFile.java

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

dojo - onMouseOutonMouseLeaveイベントがコンテキストメニューに対してトリガーされない

動的なコンテキストメニューを作成していますが、予想どおり、マウスがメニューボックスから離れたときにメニューを閉じたいと思います。利用した :

しかし、私が箱の外に出るとき、何も起こりません。MenuItems内に同じ関数を配置すると、MenuItemボックスを離れると、ボックスが閉じます。

任意のコメント?

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

javascript - ページを投稿または終了すると、Chrome で onmouseover が失敗する

ページ上の写真に onmouseover および onmouseout 属性があります。onmouseover と onmouseout を送信すると、画像が失敗します (画像ソースが見つからないアイコンを返します)

そしてJavascript:

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

javascript - javascriptonmouseoutはマウスオーバーでも機能します

ボタン内のテキストの一部を表示/非表示にしようとしています。ボタンは

そしてjavascriptコードは

問題は、私がマウスオーバーしているときでも、マウスアウトが警告を発するということです。

注:サイトはvbulletinベースであり、テンプレートの1つでこのコードを使用しているため、jqueryを使用できません。

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

jquery - onmouseout-イベントのトリガーが早すぎます

次のチュートリアルに従ってドロップダウンメニューを実装しようとすると、奇妙な問題に直面します。http ://www.webchief.co.uk/blog/simple-jquery-dropdown-menu/index.phponmouseoutイベントはカーソルがドロップダウン選択の2番目の要素(ユニの追加)を選択しようとするとすぐにトリガーされます。ただし、カーソルが最初のメニュー項目(アドレス帳)にある限り、すべてが完全に機能します。

0 投票する
2 に答える
8540 参照

javascript - トロンマウスイベント

行にカーソルを合わせてすべてを強調表示できるようにしたいのですが、一部のセルの背景が異なるため、以下のコードに問題があります。

すべてのセルの背景が同じで問題ありませんが、セルをクリックすると強調表示され、onmouseout="this.style.background='#595959'"常にリセットされます。

それを次のように変更するにはどうすればよいですか。

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

jquery - divにカーソルを合わせるとjQueryのmouseovermouseoutイベントが発生します

サムネイルの上にタイトルを表示したり非表示にしたりしようとしています。これは私のタイトルスパンです:

これは<li>、「thumb」のクラスを持つタグ内にあります。

私が使用しているjQueryは次のとおりです。

これで完全に機能しますが、タイトルにカーソルを合わせると機能します...タイトルが配置されている場所ではなく、サムネイルにカーソルを合わせるとトリガーされるようにします。これにより、マウスがサムネイル(その上の任意の場所)にカーソルを合わせると、 )タイトルが表示されます。

誰かが私がこれをするのを手伝ってもらえますか?また、アニメーション効果を与えることはできますか..ただちに現れたり消えたりするのではなく、徐々に現れたり消えたりしますか?

ミロ

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

image - gif および png 画像は IE8 でのみ消えます

6 つの画像 (ホバー時の png およびアニメーション gif) が IE8 でのみ読み込まれません。Mac と Windows のほとんどのブラウザーでテストしましたが、画像が読み込まれないのは IE8 だけです。それらは実際にはIE7に表示されます.Webで解決策または同様の問題をチェックしていますが、適切な解決策が見つからないようです.

そのページへのリンクは次のとおりです。http://tinyurl.com/8ydbp6y

その特定のセクションのhtmlはこちら

前もって感謝します!

編集 IE8 画像レポートを確認したところ、画像の幅と高さが 0px に調整されているようです。どうしてこうなったのかわからない :| そして、私はそれを修正する方法がわかりません