javascript マウスイベント

動的に生成したテーブルのマウスイベントについてご質問します。

var body = document.getElementsByTagName("body")[0];
var tbl = document.createElement("table");
var tblBody = document.createElement("tbody");
for (var j = 0; j < 20; j++) {
var row = document.createElement("tr");
for (var i = 0; i < 1; i++) {
var cell = document.createElement("td");
var cellText = document.createTextNode("cell is row "+j+", column "+i);
cell.id="dt1";
cell.height="15"
cell.appendChild(cellText);
row.appendChild(cell);
}
tblBody.appendChild(row);
}
tbl.id="tbl1";
tbl.width="200"
tbl.appendChild(tblBody);
body.appendChild(tbl);

上記のようなソースでテーブルを作成しています。

tbl.onmousedown

このあたりだと思うのですが、記述方法がわからず困っています。
具体的には下記のような動きを目指してます。
http://www.programming-magic.com/20071215024226/

初歩的な質問かもしれませんが、ご教授頂けると幸いです。

No.1 ベストアンサー 回答者： yambejp 回答日時： 2011/11/05 15:11

idのつけ方間違ってますので注意。

widthやheightなどもスタイルシートでやったほうがいいです。

tbl.onmousedown=function(){alert('OK')}

とすればとりあえず動きます。
きちんとやるならイベントリスナーなどつかって別途設定してやってください。

この回答へのお礼

ありがとうございます！
スタイルシートのアドバイスまで頂いて感謝です。
イベントリスナーとは？から調べてみます！

お礼日時：2011/11/07 16:33