87,996
社区成员
发帖
与我相关
我的任务
分享如何给一个tr定义一个属性
我动态的用insertRow添加了一行。请问我如何给这个行tr，定义鼠标事件，如我想定义他的双击事件事件。
我尝试用了row.setAttribute("ondblclick", "item_sel(this)");
和row.ondblclick="item_sel(this)"，似乎都不行？
我尝试用了row.setAttribute("ondblclick", "item_sel(this)");
和row.ondblclick="item_sel(this)"，似乎都不行？
...全文
请发表友善的回复…
发表回复
xuzuning 2003-02-11
- 打赏
- 举报
在高手的提示下
<table id=test>
</table>
<script>
row = test.insertRow();
test.rows[0].insertCell();
test.rows[0].cells[0].innerText = "Click!";
//以下4行随便用哪一行都行
//test.rows[0].ondblclick = Function("alert(this.cells[0].innerText);");
//row.ondblclick = Function("alert(this.cells[0].innerText);");
//row.ondblclick=Function("item_sel(this)");
row.setAttribute("ondblclick", Function("item_sel(this)"));
function item_sel(v) {
alert(v.innerText);
}
</script>
<table id=test>
</table>
<script>
row = test.insertRow();
test.rows[0].insertCell();
test.rows[0].cells[0].innerText = "Click!";
//以下4行随便用哪一行都行
//test.rows[0].ondblclick = Function("alert(this.cells[0].innerText);");
//row.ondblclick = Function("alert(this.cells[0].innerText);");
//row.ondblclick=Function("item_sel(this)");
row.setAttribute("ondblclick", Function("item_sel(this)"));
function item_sel(v) {
alert(v.innerText);
}
</script>
llrock 2003-02-11
- 打赏
- 举报
<TABLE >
<TR aa=11 onclick="alert(this.aa)">
<TD>惦记</TD>
</TR>
</TABLE>
<TR aa=11 onclick="alert(this.aa)">
<TD>惦记</TD>
</TR>
</TABLE>
Go_Rush 2003-02-11
- 打赏
- 举报
不好意思，是我弄错了，this还是可以取到当前tr
请看例子
<button onclick=add()>添加</button>
<table id=t border=1></table>
<script>
var i=0;
function add(){
var tr=t.insertRow()
tr.insertCell().innerText=++i
tr.ondblclick=function(){show(this)}
}
function show(el){alert(el.outerHTML)}
</script>
请看例子
<button onclick=add()>添加</button>
<table id=t border=1></table>
<script>
var i=0;
function add(){
var tr=t.insertRow()
tr.insertCell().innerText=++i
tr.ondblclick=function(){show(this)}
}
function show(el){alert(el.outerHTML)}
</script>
blues-star 2003-02-11
- 打赏
- 举报
Function("alert(this.cells[0].innerText);");
这里的this还是指添加的row，因为alert(this.cells[0].innerText);
是一个字符串，不是语句，当与row的ondbclick关联上之后才是语句，才被解释。
这里的this还是指添加的row，因为alert(this.cells[0].innerText);
是一个字符串，不是语句，当与row的ondbclick关联上之后才是语句，才被解释。
blues-star 2003-02-11
- 打赏
- 举报
<BODY>
<table id=test>
</table>
<script>
test.insertRow();
test.rows[0].insertCell();
test.rows[0].cells[0].innerText = "Click!";
test.rows[0].ondblclick = Function("alert(this.cells[0].innerText);");
</script>
</BODY>
<table id=test>
</table>
<script>
test.insertRow();
test.rows[0].insertCell();
test.rows[0].cells[0].innerText = "Click!";
test.rows[0].ondblclick = Function("alert(this.cells[0].innerText);");
</script>
</BODY>
caweny 2003-02-11
- 打赏
- 举报
我用了，row.ondblclick=function(){alert('my functions')}
可还是无效的。不会执行function里的内容
可还是无效的。不会执行function里的内容
Go_Rush 2003-02-11
- 打赏
- 举报
row.ondblclick=function(){item_sel()}
在这里好象 item_sel(this)没有效了
因为 this指钟已经不是当前tr了。
但是你仍然可以通过
event.srcElement得到事件触发源（可能是TR下的TD,也可能是TD下的其他element)
在这里好象 item_sel(this)没有效了
因为 this指钟已经不是当前tr了。
但是你仍然可以通过
event.srcElement得到事件触发源（可能是TR下的TD,也可能是TD下的其他element)
Go_Rush 2003-02-11
- 打赏
- 举报
row.ondblclick=function(){alert('my functions')}
