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

javascript - JavaScriptOnMouseDown画像ホバー効果ヘルプ

これが私がストップウォッチを作ったものです(ここで見ることができます)。

しかし、試してみると、いくつかの問題があることがわかります。私が達成しようとしているのは...

スタートボタンにカーソルを合わせるとロールオーバーが表示されますが、下にクリックすると停止ボタンが表示され、マウスボタンを上に置くと停止ボタンのロールオーバー/ホバー画像が表示されます。

そこに私が望むことをしますが、時間が経つときにストップウォッチにカーソルを合わせると、ストップボタンを残したいときにスタートボタンが表示されます。

さらに、時間が経ち、カーソルがまだ停止ボタン上にあるときに、スタートボタンを表示する代わりにもう一度押すと、停止ボタンが表示されたままになります。

これで、IfステートメントとElse Ifステートメントを使用する必要があることがわかりましたが、これを機能させる方法がわかりません。(私は答えを見つけるためにほぼ3時間費やし、今日は一日中金髪の瞬間を過ごしました)

誰か助けてもらえますか?

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

javascript - cssの「onmouseover」イベントはどのように機能しますか?

更新-申し訳ありませんが、効果が見られたWebサイトへのリンクを提供する必要がありました。ここに行きます-http://www.w3schools.com/Css/css_image_transparency.asp

私がそこで見たコード(およびこの質問の根拠)は次のとおりです-

元の質問は次のとおりです-

JSを使用せずに実行できるロールオーバー効果を探していたところ、画像の不透明度設定を教えているw3schoolsのWebサイトに出くわしました。コードには、jsは含まれていません。純粋なcssだけです。

私は自分のウェブページ(まだjsがない)に同じコードを使用しようとしましたが、コードがChromeとIE7.0の両方で完全に機能することに気づきました。コードには「onmouseover」イベントともう1つの「onmouseout」イベントがあり、不透明度の設定に基づいてホバー効果を与えます。

これらの効果(onmouseoverおよびonmouseout)が-1.純粋なcss 2.標準に準拠している(xhtml 1+およびcss2)3.ハッキングが含まれているかどうか疑問に思う

私はまだこれらのことがie7で機能したとは信じられず、なぜこれらのイベントに関するドキュメントがないのか疑問に思っています。

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

jquery - onmouseover および onmouseout 属性を置き換えるための JQuery .click イベントの使用に関するヘルプ

私は Javascript と JQuery を使用するのが初めてで、少し助けが必要です。

JQuery Cycle スライドショーを一時停止および再生するためのコントロール パネルを作成しようとしています。パネルには、前へ、次へ、および再生のリンクがあります。ユーザーがコントロールにカーソルを合わせると、画像が別の画像に置き換えられます。ユーザーが再生リンクをクリックすると、画像が一時停止画像に置き換えられます。onmousehover 属性と onmouseout 属性を置き換えて、一時停止リンク用の別のホバー画像を定義できるようにしたいと考えています。これは可能ですか?

これは私のコードです:

そしてHTML:

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

javascript - マウスが内部要素にのみ移動したときに onMouseOver イベントが発生するのはなぜですか?

マウスが内側の要素に移動するmouseOutと、外側の要素のイベントが最初に発生し、次にmouseOver内側の要素の要素が発生し、次にmouseOver内側の要素の要素が最後に発生します。

なぜこれが起こるのですか?内側の要素は技術的にはまだ外側の要素の内側にあるため、マウスが内側の要素に移動しても外側の要素を離れません。それを防ぐ方法はありますか?

完全な例はこちら: http://jsfiddle.net/pMCeu/4/

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

javascript - マスターページ内のjavascript onmouseoverの問題

こんにちは、私は現在asp.netプロジェクトに取り組んでおり、ユーザーがカーソルを左から右または右から左に移動すると、非表示のテキストフィールドが入力され、サーバー側でdopostbackが呼び出されるボタンを作成する必要がありますその隠しフィールドの値を読み取ります。

私の問題は、イベントリスナーを作成しても呼び出されないため、pageX が機能しないことです。現在、Google chrome ブラウザーでテストしています。IE で clientX 部分をテストしましたが、うまく動作します。

これはコーディングの .aspx 側です

これは aspx.cs のコーディングです

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

javascript - Javascript マウスオーバーおよびマウスアウト アクション

次のようなコードがあります。

マウスがその上にあるときにハイパーリンクに分割を表示し、同時にユーザーがポインターをdivの上に移動すると、divは閉じずに表示され続けますが、ユーザーがカーソルをdivとハイパーリンクの外に移動するとdivが閉じます。ShowDiv() および HideDiv() 関数内に何を実装できますか。

ありがとうございました..

編集:分割の可視性は最初はfalseに設定されており、マウスがハイパーリンクの上に移動すると表示されます

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

javascript - jQuery Mouseenter および mouseleave アクション

次の jQuery スクリプトを使用しています。

ご覧のとおり、 というハイパーリンクの上にマウスを置くと#hldiv#dividが表示されます。主な目標はDIV、マウスが上にある場合に表示を維持することですDIVが、#divid最初は表示されるべきではありません。

マウスがハイパーリンク上に移動すると がDIV表示され、マウスが の上に移動するとDIV、マウスが離れるまで表示されたままになります。

問題は、現在のコードでは、ユーザーがハイパーリンクの上を移動しDIVてから外に出ると、正しく表示/非表示になりますが、ユーザーがハイパーリンクの外に移動してDIVそれ自体の上に移動すると、DIVも消えます。

これを修正するにはどうすればよいですか?

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

javascript - 同じページでjsを複数回使用する

私がしていることは非常に単純です。マウスが画像ソースを通過したときに画像ソースを変更し、古い画像ソースを元に戻します。

このJavaScriptを使用する:

JavaScriptは、別の画像に移動しても画像を更新せず、マウスが通過する最初の画像のみを変更するため、通過するすべての画像を変更する必要があることがわかりました。

wtこの状況を解決するために私はできますか?

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

javascript - Javascript: マウスオーバー時にバナーのスライドショーを停止 (Firefox では機能しません)

次のコードは、IE ではスライドショー バナーを停止できますが、Firefox では一時停止できません。助けてください。

ありがとう。

ジョー

以下は、バナーを表示するための私の JavaScript コードです。

ASP コード:

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

javascript - Javascript:画像のonMouseOverとonMouseOutで新しいウィンドウを開いたり閉じたりしますが、新しいウィンドウonMouseOver=trueの場合のみ

以前にJavaScriptの問題で私を助けてくれてありがとう。私の現在の問題は、画像のonMouseOverとonMouseOutでそれぞれ新しいウィンドウを開いたり閉じたりする必要があることですが、新しいウィンドウonMouseOver == trueの場合、新しいウィンドウを閉じたくありません。

簡単な解決策があると確信していますが、画像のonMouseOut = "closeDetails();"をキャンセルする方法がわからないようです。ユーザーが新しいウィンドウにカーソルを合わせた場合。以下は私が扱っているコードのほとんどです。よろしくお願いします。