[解決済み] 動的にアタッチされるイベントリスナーが存在するかどうかを確認するには?
2022-04-24 15:28:15
質問
私の問題は、動的にアタッチされたイベントリスナーが存在するかどうかを確認することは可能でしょうか?または、DOMの"onclick"(?)プロパティの状態をチェックするにはどうしたらよいでしょうか?私は解決策のためにスタックオーバーフローのようにインターネットを検索しましたが、うまくいきません。以下は私のhtmlです。
<a id="link1" onclick="linkclick(event)"> link 1 </a>
<a id="link2"> link 2 </a> <!-- without inline onclick handler -->
次に、Javascriptで、2番目のリンクに動的に作成されたイベントリスナーを付けます。
document.getElementById('link2').addEventListener('click', linkclick, false);
コードはうまく実行されますが、添付されたリスナーを検出する試みはすべて失敗します。
// test for #link2 - dynamically created eventlistener
alert(elem.onclick); // null
alert(elem.hasAttribute('onclick')); // false
alert(elem.click); // function click(){[native code]} // btw, what's this?
jsFiddleはこちら . 2のonclickを追加"をクリックしてから"[リンク2]"をクリックすると、イベントはうまく発火します。 が、"Test link 2"は常にfalseを報告します。 誰か助けてください。
どうすればいいですか?
動的にアタッチされるイベントリスナーが存在するかどうかを確認する方法がない。
イベントリスナーがアタッチされているかどうかを確認する唯一の方法は、このようにイベントリスナーをアタッチすることです。
elem.onclick = function () { console.log (1) }
次に、イベントリスナーが
onclick
を返すことで
!!elem.onclick
(など)。
関連
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaScriptで空文字列/未定義文字列/null文字列をチェックするにはどうすればよいですか?
-
[解決済み] オブジェクトが配列であるかどうかを確認するにはどうすればよいですか?[重複]。
-
[解決済み] 2つのJavaScriptオブジェクトのプロパティを動的にマージするにはどうすればよいですか?
-
[解決済み] JavaScriptで変数が存在するか(定義されているか/初期化されているか)をチェックする
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
親子コンポーネント通信を解決する3つのVueスロット
-
Vue+ElementUIによる大規模なフォームの処理例
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
vueディレクティブv-bindの使用と注意点
-
vueが定義するプライベートフィルタと基本的な使い方
-
Vueの一般的な組み込みディレクティブの説明
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
[解決済み] javascriptで動的要素にイベントをアタッチする