問題タブ [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.

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

javascript - JavaScript: onMouseOver イベントが他のイベントと正しく連携しない

15x15 のテーブルを含む HTML Web ページがあり、div でマウスの左ボタンを押したままにすると、マウスに追従する小さな正方形の div もあります。

onmouseover イベントを 15x15 テーブルに割り当てて、マウスがセルの上に置かれたときに、"gridPlacement" という変数に、マウスが置かれたテーブル セルの一意の ID の値が設定されるようにしました。

onmouseover イベントは正常に機能しているようで、セルにカーソルを合わせるとすぐに、変数「gridPlacement」がセルの ID に設定されます。

しかし、onmousedown および onmousemove イベントがトリガーされた場合 (マウスが前述の div でマウスの左ボタンを押したままにした場合)、セルの上にカーソルを置いたときに、変数「gridPlacement」が設定されていない場合があり、場合によっては設定する必要があります。マウスをセルの上に数回移動すると、機能します。

onmousedown および onmousemove イベントが、15x15 テーブルの onhover イベントに影響を与えているようです。

なぜこれが起こるのか、この問題を回避する方法を知っている人はいますか?

あなたが私を理解してくれることを願っています。私は自分の問題をできる限り説明しようとしました。

問題が解決しました!

ユーザーがドラッグしている要素のオフセットを変更するとうまくいきました。助けてくれてありがとう! :)

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

javascript - Django + Javascript + "onmouseover"

これは、django + javascript に関する一般的な質問のようなものです。たとえば、5 つのニュースがあり、それぞれにタイトル、テキスト、画像があります。Web ページでは 5 つの画像すべてが表示されますが、1 つのテキストと 1 つのタイトル (最新ニュース用) のみが表示されます。

今私がしたいのは、マウスカーソルをニュースの画像の上に置くと、最新のニュースのタイトルとテキストの代わりにタイトルとテキストが表示されることです。どうやってするか?私は完全な解決策を探しているわけではありません (それはあまりにも美しいでしょう:)が、どこを見ればいいのかいくつかのヒントがあります。

私は Javascript が必要だと思います (そして Web は django で書かれました) が、それ以外に何がありますか? 誰でも私にアドバイス、リンクの仕方などを教えてもらえますか? 私は非常に感謝されます。

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

javascript - javascriptロールオーバーイメージ-(どのように)onmouseoverイメージのcssスタイルを設定できますか?

ここの初心者なので、plsは我慢してください:)

ページの左端に配置された画像(Image#1)があり(すべての本文のパディングと余白が0に設定されています)、ロールオーバーJavaScriptを追加して、マウスオーバー時に新しい画像(Image#2)がその場所に表示されるようにしました。 。画像#2は画像#1よりも大きいです。

現時点では、マウスオーバー時にImage#2が表示されますが、ページに対して左端に配置されていません(デフォルトのページ余白が再導入され、本文のCSSルールが無視されているようです)。

とにかくIDをImage#2に適用して、そのCSSスタイルを制御できるようにする方法はありますか?または、マウスオーバーに表示されるマージンを削除する他の方法はありますか?基本的には、2つの画像を左端で重ねて表示したいと思います。

感謝します。ありがとう!

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

javascript - FireFox で動作しない動的に作成された DIV の ID を取得する

私はこの答えを見つけるためにあらゆることを試しましたが、今は午前 1 時です。ベッドに行ってあきらめなければなりません :( 妻が 2 度目の離婚で私に仕える前に! :)

簡単に言えば、私の問題はこれです.Google APIを使用して(localsearch、imagesearch、websearch)、サイトに組み込むさまざまな文字列を見つけます。それらは動的 DIV にロードされ、結果の各セットには、その番号に関連する整数を含む div が与えられます。例えば、

今問題はこれです。クロム、つまりサファリなどの両方で、オンクリックコンポーネントに問題はありません。IE では、ユーザーが動的に作成された div の 1 つをクリックすると、スクリプトがコンテンツを削除し、ユーザーが送信できるようにフォームにロードします。

これを行うスクリプトは次のとおりです。

このスクリプトはまったく書いていないので自慢できませんが、基本的にはうまく機能します。Firefox を除く。Firefox で動的 div の 1 つをクリックすると、何も起こりません。実際、要素は未定義の結果を返します。コードの変更からロード時のイベントリスナーの追加まで、さまざまなバリエーションを試しましたが、まったく運がありませんでした。

ここでのアドバイスは大歓迎です。誰が知っていますか-あなたは私の結婚を救うかもしれません!:)

ちなみに、//beat safariのバグは技術的には間違っていますが、私はそれを書いていませんでした. :)

ご不明な点がございましたら、お知らせください。

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

javascript - マウスが静止し、要素が移動している状態で発生したマウスオーバー

要素 (この場合は画像) がマウスの下で移動したときにjQuery のmouseoverイベントを発生させる必要がある状況にあるため、一般的な状況とは異なり、マウスではなく要素が移動しています。

この意味で私を助けることができるライブラリ/要旨/技術を知っていますか?

私はフラッシュを試してみましたが、うまくいきませんでした。これは実際にできることですか?

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

javascript - onmouseoverの問題

その下のdivを表示するonmouseoverjavascript関数を呼び出すリンクがあります。これですべて機能します。

問題は、hrefリンクがあり、その上部にマウスを置くと完全に機能しますが、「現在表示されている」divの上にマウスを移動すると、htmlがdivから外れていないと見なすために点滅します。その後、もう一度オンにして、オフとオンを繰り返します。

どうすればこれを防ぐことができますか?(以下のhtml、javascriptはそれを表示するための単純な関数であり、投稿する意味はありません、それは機能します)

起こっているビデオ:http ://screencast.com/t/qjxHN4wyIc

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

jquery - マウスオーバーでqTipを表示

jQuery 検証を使用してフォームを検証し、qTip を使用してエラー メッセージを表示しようとしています。しかし、エラーメッセージonMouse Overを表示したいのですが、今のところフォームを送信すると、テキストフィールドの隣にエラーメッセージが表示されます。

テキストフィールドにマウスオーバーしたときにエラーメッセージを表示するにはどうすればよいですか?

デモ - http://jsfiddle.net/UcaZT/

rvi。

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

javascript - onmouseoverとonmouseout

onmouseoverとonnmouseoutに問題があり、機能しません。

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

javascript - Javascriptリンクが機能しない

このスクリプトは、ページ下部のリンクバーにあります

リンクをクリックすると、404エラーが発生します。私はページをアップロードし、リンクが機能していることを確信しています。私は何が間違っているのですか?

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

javascript - onmouseover と onmouseout が Firefox で機能しない

java-script 関数を使用して CSS 属性を変更しようとしているので、このコードは firefox では機能しません / Safari/Chrome で機能します

何か案は ?!