質問: 下記のサンプルのように、Twitterの埋め込みツイートをクリックした際にJavaScriptの処理を実行したいのですが、クリックイベントに登録したハンドラが動作しません。 `addEventListener`の第三引数を`true`にして試してもみたのですが結果は同じでした。 実際の`iframe`内に読み込むページはTwitterの埋め込みウィジェットになるので、 1. `iframe`内の`window`に対して`click`イベントを設定することができず、 2. `iframe`内のDOM要素のクリックイベントが出来なくなるような実装では解決しません。 このような条件でイベントハンドラを動作させる方法や、イベントハンドラが動作しない理由についてお心当たりがございましたら是非ご教授いただきたいです。よろしくお願いします。 **サンプルコード:** - JSFiddle ``` ```
回答: 表題の質問の解決方法は現状存在しないようでした。 不本意ではありますが、 iframe 内のイベントターゲットを邪魔しないように、 position: absolute; を指定したアクション用の要素を iframe に被せて実装を行いました。 @himenon 様ご回答ありがとうございました。