ツイートボタンのクリックイベントをインターセプトするにはどうすればよいですか？
ポール・ラズヴァン・バーグ
下の画像のように、ブラウザ拡張機能を開発していて、ツイートボタンのクリックイベントをインターセプトしたいと思います。
私はなんとかこのような要素ノードを取得することができました：
document.querySelector('div[data-testid="tweetButton"]')
これは私がやろうとしたことです：
- ノードの「クリック」および「オンクリック」機能をオーバーライドします
- ノードの「クリック」イベントリスナーをオーバーライドします。
tweetButton.addEventListener("click", function() {}) - 「クリック」イベントリスナーを削除します。
tweetButton.removeEventListener("click", function() {}) - 「mousedown」と「onmousedown」に対して＃1、＃2、＃3を繰り返します
- を介してグローバルリスナーを追加
document.addEventListenerし、セレクターと照合します。コールバックは発生しますが、XHRは実行しましたが、実行event.preventDefault()しましたevent.stopImmediatePropagation()。
イベントリスナーがアタッチされているのはこのオブジェクトではないかもしれませんが、HTMLでは「ボタン」の役割があるため、このオブジェクトである必要があります。
Ajaxリクエストを聞いて同じ目標を達成できますか？
ポール・ラズヴァン・バーグ
結局のところ、解決策＃2は正しかったようです。
let tweetButton = document.querySelector('div[data-testid="tweetButton"]');
tweetButton.addEventListener("click", function(event) {
event.preventDefault();
event.stopImmediatePropagation();
});
ここにオープンソースのコードがあります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
サブグリッドの[新規]ボタンクリックをインターセプト/置換するにはどうすればよいですか？
- 2
ボタンクリックイベントのリストビューにアイテムを追加するにはどうすればよいですか？
- 3
JavaScriptでforループ/クリックイベントを使用して複数のボタンを追加するにはどうすればよいですか？
- 4
tkinterのボタンクリックでプログレスバーをインクリメントするにはどうすればよいですか？
- 5
データベースのonclickを更新するインクリメントボタンをCodeigniterで作成するにはどうすればよいですか？
- 6
ペイロード付きのカスタムメッセージをボットからクライアントアプリケーションにダイレクトライン経由で送信するにはどうすればよいですか？
- 7
ボタンをクリックしてカウンターの値をインクリメントするにはどうすればよいですか？
- 8
ボタンがクリックされたときに、レイヤー上のシェイプをリッスンするイベントをトリガーするにはどうすればよいですか？
- 9
クラスター内の Google マップ マーカーでクリック イベントを作成するにはどうすればよいですか?
- 10
クリックイベントでカスタムストックツールボタンのアイコンを変更するにはどうすればよいですか？
- 11
モデルフォームボタンのクリックイベントを取得するにはどうすればよいですか？
- 12
カスタムビューのボタンからクリックイベントに応答するにはどうすればよいですか？
- 13
プライバシーポリシーページをアクセプタンスチェックボックスのラベルテキストにリンクするにはどうすればよいですか？
- 14
Visual Studio C＃で自分のボタンにボタンクリックイベントを追加するにはどうすればよいですか？
- 15
apexChartsでクリックイベントまたはデータポイントの選択を実装するにはどうすればよいですか？
- 16
ボタンクリックイベントに干渉するモーダルを回避するにはどうすればよいですか？
- 17
winjsのリピーター要素でクリックイベントをバインドするにはどうすればよいですか？
- 18
WKWebViewベースのデスクトップアプリ内でインスペクターを表示するにはどうすればよいですか？
- 19
ボタンクリック時にアイテムテンプレートのドロップダウンリストで選択した値をデータベースに保存するにはどうすればよいですか？
- 20
カスタムWebパーツのリボン保存イベントをキャプチャするにはどうすればよいですか？
- 21
オートコンプリート入力ボックスのスタイルを設定するにはどうすればよいですか？
- 22
クリックイベントをブートストラップタブに添付するにはどうすればよいですか？
- 23
GitHubアクションで、トリガーイベントのタイプを変数として取得するにはどうすればよいですか？
- 24
HubotスクリプトからSlackメッセージのID /タイムスタンプを取得するにはどうすればよいですか？
- 25
ホイールボタンのクリックイベントとマウスのプレスイベントを区別するにはどうすればよいですか？
- 26
WinFormボタンクリックイベントをキャンセルするにはどうすればよいですか？
- 27
* ngforアイテムのボタンクリックで個別のイベントを表示するにはどうすればよいですか？
- 28
C#:プライベート内部クラスのリストをインスタンス化するにはどうすればよいですか?
- 29
forループ（Python）内のインクリメンタル変数をリセットするにはどうすればよいですか？
コメントを追加