• ベストアンサー

divタグ内のクリックイベントについて

Javascriptで、動的なリンクをクリックしたか検知したいのですが、 以下のタグだと、レンタルサーバへクリック情報が通知されないまま、Yahooへ飛んでしまいます。 何か方法ありますでしょうか? <div onClik="http://rentalserver?click=1"> <!-- 以下のリンク先は動的に変わります --> <a href='http://www.yahoo.co.jp'>Yahoo</a> </div> お手数ですが、よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • kawai985
  • ベストアンサー率68% (17/25)
回答No.1

http://allabout.co.jp/gm/gc/24092/ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>test</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script> <script type="text/javascript"> <!-- window.onload = function(){ $("myBTN1").onclick = function(){ $("myDIV").innerHTML = "<a href='http://www.google.co.jp/'>http://www.google.co.jp/</a>"; } $("myBTN2").onclick = function(){ $("myDIV").innerHTML = "<a href='http://www.yahoo.co.jp/'>http://www.yahoo.co.jp/</a>"; } $("myDIV").onclick = function(){ alert("test"); } }// --> </script> </head><body> <input type="button" value="On" id="myBTN1" name="myBTN1"> <br> <input type="button" value="Off" id="myBTN2" name="myBTN2"> <br> <div id="myDIV" name="myDIV"><a href='http://oshiete.goo.ne.jp/'>http://oshiete.goo.ne.jp/</a></div> </body></html>

php4
質問者

お礼

教えていただいたHTMLで目的の動作になりました。 ありがとうございます。 ただ、prototype.jsが166Kバイトもあるので、これを使わない方法を模索中です。 window.onloadなら、DOMContentLoadedに変更するなど、もう少し こちらでがんばってみますね。

関連するQ&A