問題タブ [onmouseover]
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 - ページの読み込み時にマウスを画像の上に置いても、マウスオーバーイベントは発生しません
onmouseover
問題の画像の上にマウスを置いてページが読み込まれたときにイベントを発生させることができるかどうか知りたいのですが。マウスを動かしたくない(したがって、を使用してmousemove
も何も解決されません)。
私はこれらの以前の投稿をチェックしました:
jQueryは、要素の上にマウスを置いてページが読み込まれると、mouseover関数をトリガーします
と
ページがJavascriptで読み込まれるときに、マウスが要素の上にあるかどうかを検出します
最初はmousemove
、マウスを動かす必要があることを示唆しています。別の回答は、JQueryの使用を提案し、.load()
基本.hover()
的にJavascriptのmouseover
andmouseout
イベントを使用するため、質問に新しいことは何ももたらされません(JQueryでは、単純なJavascriptで実行できないことは何もできませんか?)
mousemove
2番目の投稿は、 CSSdisplay
プロパティを介して、画像が読み込まれた後に画像を非表示にし、同じ場所に再表示する関数を提案しています。これにより、ポスターによると、mouseover
イベントが発生します。ただし、この方法で実行しても、Firefoxの現在のバージョン(3.6)でもテスターが使用した3.0バージョンでも起動しません(彼が実際に動作するかどうかはわかりませんが、私は信じています私は彼を正しく理解しました)。2番目のスレッドの最後のポスターは、ページがカーソルの位置を知る必要があり、マウスを動かさないとそれができないため、それができないことを示唆しています。おそらくそれが本当の答えですか?
Explorer 8では、この問題は何らかの形で修正されています。たとえばonmouseover
、ページがリロードされ、マウスが移動せずに同じ画像上に置かれたときに、[オフ]ボタンに戻るのではなく、[次へ]ボタンが画像を表示し続けるためです。ただし、他のどのブラウザにもこの機能はありません。
この問題は、ページ全体をリロードせずにJavascriptを使用することで簡単に修正できるためonmouseover
、ボタンの画像が更新されないページの一部にあることを認識していますが、それがなくても可能かどうかについては興味があります。これ。
また、画像を囲むアンカータグと混合して属性focus
を設定することも問題を修正できますが、それ以降は完全ではありません。新しいページの読み込み中にマウスカーソルの位置が変更され、アンカーを介してフォーカスが維持されるリスクがあります。onfocus
押されたボタンにタグを付けて「オン」ボタンを使用させるのは悪い考えです。
それで、マウスがピクセルさえ動かさずにページがロードされたときにマウスが画像の上に配置されているかどうかを検出する方法はありますか、それともこれは不可能ですか?
javascript - マウスオーバー時にjqueryイベントに遅延を追加
子供のマウスオーバー イベントに単純な遅延を追加しようとしていますが、問題があります。(まだまだ勉強中!)
これにより、遅延後にポップアップを表示できますが、それらすべてが同時に表示されます。
これは、必要なポップアップのみを遅滞なく表示するように機能します。
しかし、組み合わせはそうではありません:
どんな助けでも大歓迎です。ありがとう!
javascript - スクリプト内でのマウスオーバーの設定
私が星の評価システムのために取り組んできたスクリプトは、塗りつぶされた星を onClick イベントで保存し、onmouseover と onmouseout の値を null に変更するので、後でマウスを離しても混乱することはありません。下の関数を使用して onmouseover と onmouseout イベントをリセットする必要がありますが、それらの中で、rating[y]とxは、含まれているものではなくリテラルであると見なされ、パラメータが正しくないため、onmouse イベントは失敗します。このようにイベントを変更するときに変数を入れるにはどうすればよいですか?
javascript - Safariでのマウスオーバーの問題
ナビゲーションメニューのxhtmlページでマウスオーバーとマウスアウトの効果を取得しようとしています。
このコードはFirefoxでのみ機能しますが、それ以外は機能しません。誰かがそれをすべてのブラウザで動作させる方法を教えてもらえますか?
これが私のコードです:
ChromeとIE7&8でこれを試しましたが、エラーが解決しません。Safariでエラーが発生します:TypeError:式の結果'document[img_name]'[undefined]はオブジェクトではありません。 "
javascript - マウスオーバーでdiv内のリンクを強調表示する方法
コンテンツにいくつかのリンクが広がっている div があります。div onmouseover 内のすべてのリンクを強調表示したいと思います。FF、IE、およびクロムで動作するjqueryソリューションはありますか。
ありがとう。
javascript - CSS と onmouseover、onmouseout のクラスの「サイクル」に関するレールの問題
私は私のindex.htmlにこのコードを持っています:
テーブルの一部として、およびこれに関連付けられた css:
ポイントは、クリック可能な行、異なる色の奇数行と偶数行、およびマウスオーバー時に 3 番目の色が表示されるテーブルを作成することです。問題はコードのサイクル部分にあります。class ="<%= cycle('odd', 'even') %>"にサイクルを 1 つだけ配置すると、すべて正常に動作します。奇数行と偶数行があります。さまざまな色ですが、マウスを動かしてから外に出すと、クラス値はまだonmouseover="this.className='over';"によって設定されたものです . だから私はonmouseout="this.className='<%= cycle('odd', 'even')%>';"を使うことにしました このような:
で、ここで問題!サイクルのそれぞれが機能しなくなり、サイクルの2つのパラメーターの最初のクラスとして常にクラスが設定されます。何か案が?多分バグ?それともブラウザの非互換性ですか?これをChromeで機能させる必要があります。提案をありがとう
javascript - オンマウスオーバーとハイパーリンクホバー
リンクにカーソルを合わせると下線が引かれたdivがありました。JSイベントをdivに追加しましたonmouseover
。ハイパーリンクにカーソルを合わせると、ハイパーリンクに下線が引かれなくなりましたonmouseover
。代わりに、イベントに追加したアクションが実行されます。
関数からのコード:
divコード:
編集:チャドが提案したように、「trueを返す」ことを試みてreturn true;
、、、、return Boolean(true);
を試しました。return new Boolean(true);
それらのどれも動作しません。申し訳ありませんが、私は本当に何をすべきかわかりません。私はJavascriptを初めて使用します。
編集2:くそー、チャドはdivタグでtrueを返すことを意味していることに気づきました。だから今私は持っています<div class="nav_bar" id="navbar1" onmouseover="addPlus('navbar1');return true" onmouseout="removePlus('navbar1')">
が、残念ながらそれはまだ機能しません。
jquery - マウスオーバー時のjQueryトグル-キューを防ぐ
別のdivがマウスオーバーされたときにdivの表示を切り替える次のコードがあります。マウスオーバーとマウスアウトを繰り返した場合を除いて、正常に機能します。すべてのトグルがキューに入れられます。
私はこれを試しましたが、機能していないようです(切り替えられたdivの表示に問題が発生し、まったく表示されなくなります)
ここでキューを取り除くにはどうすればよいですか?
jquery - jQuery UI: ダイアログを開いた後に jquery ダイアログ内の画像ソースを更新する
私は次の機能を持っています:
これは次のように呼び出されます:
基本的な考え方は、サムネイルにマウスオーバーすると、画像要素「bigimage」の src を置き換える関数が呼び出されるというものです。」
これまでのところ、通常の HTML 内で問題なく動作します。
問題は、これが jQuery UI .dialog 内にあることです。
そして、「bigimage」を更新しません
何か案は?
みんなありがとう