問題タブ [onclick]

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 に答える
10676 参照

jquery - Jquery-マウスオーバー->フェードイン/アウト//クリック->不透明度100%//その他のクリック->不透明度60

私はjqueryとサムネイルを使用してWebサイトで作業しています。

ページが読み込まれると、すべてのサムネイルが不透明度の60%になる必要があります。マウスを親指の上に置くとすぐに100%にフェードする必要があります。マウスを外に動かすと、サムネイルは不透明度の60%までフェードバックする必要があります。

ユーザーがサムネイルをクリックすると、不透明度が100%に保たれる必要があります。ユーザーが別のサムネイルをクリックするとすぐに、「古い」サムネイルは60%にフェードバックし、「新しい」サムネイルは100%のままにする必要があります。(マウスをその上に置くため、すでに100%の不透明度があります)。

これは私がこれまでに持っているコードです:

どんな助けでもいただければ幸いです。

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

checkbox - Firebug を使用して目立たない onclick をトレースする方法

私は最近jqGrid 3.5を頻繁に使用していますが、チェックボックス入力を動的に追加するとクリックできないことに気付きました (ただし、無効になっているようには見えません)。そのため、コントロールの一部である大規模なjs依存関係を検索しようとしていますが、チェックボックスの切り替えを「許可していない」ものを見つけることができないようです。私の質問はこれです-firebugを使用して、この動作を引き起こしている可能性のあるイベントを見つけるにはどうすればよいですか.

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

javascript - CollapsiblePanelExtenderクリックイベント

通常の拡張ボタンと折りたたみボタンを備えたCollapsiblePanelExtenderがあります。エクステンダーが拡張されたときにクリックイベントが発生し、エクステンダーが折りたたまれたときに別のクリックイベントが発生します。しかし、最も重要なイベントは、それが延長されたときです。倒れてもクリックせずに生きていける。

「CollapsiblePanelExtender」「クリックイベント」を使用してオンライン検索で見つけた例のほとんどは、他の場所でもクリックに基づいてエクステンダーを反応させています...

エクステンダーがクリックされたときにJSを起動させたい。

これを達成するにはどうすればよいですか?間違った質問をしたり、間違った検索文字列を使用したりしていませんか?

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

jquery - イベント バブリングを使用して Anchor 内をスパンする

私はそのようなhtmlを持っています:

アンカーをクリックしたときにAJAXリクエストを処理するために、クリックイベントでハンドラーを登録しました:

私の質問は次のとおりです。

  • span要素でクリックイベントが発生するのはなぜですか? 結局、クリック イベントを SPAN 要素にバインドしませんでした
  • 前の質問とは別に、SPAN クリック イベントを処理しない場合、ブラウザーはイベント バブリングを使用してアンカーのクリック イベントを発生させると考えました (event.stopPropagation() を呼び出さない場合)。しかし、そのクリックイベントは一度しか発生しないため、うまくいきませんでした

だから今、私はその問題を回避しました。私の解決策は次のとおりです。

それでも、なぜこのように機能するのか、私は興味があります...

ありがとう、

パヴェウ

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

jquery - クリックするとajaxを介して単一の選択ボックスオプションを遅延読み込みする適切な方法

クリックしたときにのみ表示される選択ボックスがあります。関連するクエリには時間がかかるため、ページに表示されている標準データからクエリを削除しています。

loadMyData(element, id)ajaxリクエストを実行し、データをJSONとして返す関数を実装しました。次に、選択ボックスにデータを入力します。

イベントは次のように要素にバインドされます。

選択ボックスは次のように表示されます。

Geckoベースのブラウザーでは機能しますが、Webkitブラウザー(safariおよびchrome)では、選択ボックスをクリックすると、ajaxリクエストの前に空のドロップダウンボックスが表示され、応答後にドロップダウンボックスが更新されません。更新された「オプション」を表示するには、選択ボックスの外側をクリックしてもう一度クリックする必要があります。

コンテンツを強制的に更新する方法はありますか?または、最初の1つを自動的に選択して、ドロップダウンボックスを非表示にしますか?

** onfocusを試したところ、同じ結果が見つかりました。onmouseoverは機能しますが、「使用できません」。選択ボックスが初期状態で空であるため、onchangeは実行できません。*

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

jquery - Jquery でクリック イベントの画像を変更する際に問題が発生しています

画像がクリックされたときに画像を交換しようとしています...これまでのところ私のjqueryは機能していません。

以下は私のHTMLの例です

どんな助けでも大歓迎です!

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

javascript - onmouseover、onmouseout、onclick イベントでの画像の変更

img1とimg2という2つの画像があります。私のコード:

要件は、マウスオーバーで img1 が必要で、マウスアウトで img2 が必要ですが、クリックすると、div を開いて img2 をフリーズし、再度クリックすると div が消え、onmouseover と onmouseout の状態が機能する必要があります。現在の問題は、クリックすると div が表示されますが、onmouse over および onmouseout 関数も起動されることです。

クシ

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

javascript - Javascriptの「クラス」セレクターに基づいてonclickイベントのhref値を取得する方法は?

私は持っています

そして次のjavascript。上記のリンクをクリックすると、2つのボタンがあるダイアログボックスが表示されます。「falseを返します。」リンクタグのデフォルトイベントを停止します。しかし、「はい、削除」をクリックしたときに、クリックしたアンカーのhref値を選択して他のページに移動する機能が必要です。alert($(this).attr('id'));を試しました (「this.attr('href')」を使用してHREF値を取得できると思ったので)が、「dialog」が表示されます。

クラス名「confirm_delete」のリンクをクリックするとダイアログが表示され、[キャンセル]をクリックするとページに留まるようにするにはどうすればよいですか。それ以外の場合は、href値に従ってページに移動します。

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

0 投票する
6 に答える
95303 参照

javascript - JavaScript:javascriptからアンカータグのクリックイベントを呼び出す

アンカータグのあるページがあります。私のJavaScriptでは、HREFいくつかのif-else条件に基づいて、アンカータグの属性を動的に設定しています。次に、アンカータグのクリックイベントをプログラムで呼び出します。以下のコードを使用しましたが、成功しませんでした。

誰かが先に進む方法を教えてもらえますか?このリンクにjQueryライトボックスの実装(thickbox)があります。

親切なアドバイス。前もって感謝します。

0 投票する
11 に答える
21856 参照

javascript - 子がクリックされたときに親要素の onclick イベントが発生しないようにするにはどうすればよいですか?

onclick イベントで 2 つの問題が発生しています。これらは多少似ているため、ここで両方について質問します。

初め:

divにチェックボックスがあります。input には onchange 関数があり、div には onclick 関数があります。

問題は、doSomething() と doSomethingElse() の両方が起動するチェックボックスをオン/オフにしたときです。これが起こらないようにする方法のアイデアはありますか? 私は onchange="doSomethingElse(event)" を実行しようとしましたが、 doSomethingElse(e) 関数で e.stopPropagation(); を実行しました。これはうまくいきませんでした。

2番:

divに画像があります。div には onclick 機能がありますが、画像にはありません。画像は、意図的に div よりも大きく、div の外にはみ出しています。

ユーザーがdivボックスの境界内をクリックした場合にのみ、onclickを起動したい。ただし、div の外側にはみ出した画像の部分をクリックすると、onclick イベントも発生します... 何かアイデアはありますか?

最初の質問は、2 番目の質問よりも重要です。しかし、誰かが両方に答えることができれば、それは素晴らしいことです!

ご協力ありがとうございます、
マット