<script>タグ内で描画されたものがクリックされたことを知るには

Question

ASP.NETでサイトを作っています。その中でどうしても```HTML

<script src="絶対パス"></script>

一番理想的なのはこんな感じです。```HTML
<script src="絶対パス" onclick="追加でしたいこと(javascript)"/*←しかしonclickは実際にはない*/></script>

このonclick相当のものをどう実装すればいいのかわかりません。よろしくお願いします。

Answer 1

描画されたものにonclickイベントを付けてはダメなのですか？

<img src="描画される画像.png" onclick="imgClick()">
<script>
function imgClick(){
    …クリックされたときに実行する
}
</script>

要素に onclickを付けられない場合は、jQueryが便利です。

$("#id").click(function () {
  $(this).slideUp();
});

の様に、IDやCLASS、要素で後付けでクリックイベントを付ける事が出来ます。

Comments

[kota_46ra]

回答ありがとうございます。
私の説明不足で申し訳ないのですが、<script src="絶対パス"></script>の絶対パスの部分にscriptの内容が書かれているのですが、その先に書かれているscriptは変更できないのです。
jQueryにはこのような活用方法があったのですね。この機会にjQueryについてもうちょっと勉強してみようと思います。

Answer 2

こんな感じです。

document.addEventListener('click', function(e){
    if(e.target.tagName=='DIV') alert('click');
}, true);
var div = document.createElement("div");
document.body.appendChild(div);

http://jsfiddle.net/L4do0mj3/1/
イベントバブリングを使っています。

参考
三章第三回 イベントバブリング — JavaScript初級者から中級者になろう — uhyohyo.net

Comments

[Lhankor_Mhy]

あ。
もしかして、DOM構造から特定できない感じですと、この方法は使えないですね……

[kota_46ra]

回答ありがとうございます。イベントバブリングの仕組みを使って早速<div onclick=""><script></script></div>と入れ子にしてみたのですがうまくいきませんでした。何が問題なのでしょうか。

[Lhankor_Mhy]

ごめんなさい、ご希望されているような簡単な方法はないです。
外部スクリプトによって生成されるDOM要素を特定して、それに対してイベントをつけていくしかないです。