如何给一个tr定义一个属性

caweny 2003-02-11 03:27:51
我动态的用insertRow添加了一行。请问我如何给这个行tr,定义鼠标事件,如我想定义他的双击事件事件。
我尝试用了row.setAttribute("ondblclick", "item_sel(this)");
和row.ondblclick="item_sel(this)",似乎都不行?
...全文
97 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
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>
llrock 2003-02-11
  • 打赏
  • 举报
回复
<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>
blues-star 2003-02-11
  • 打赏
  • 举报
回复
Function("alert(this.cells[0].innerText);");

这里的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>
caweny 2003-02-11
  • 打赏
  • 举报
回复
我用了,row.ondblclick=function(){alert('my functions')}
可还是无效的。不会执行function里的内容
Go_Rush 2003-02-11
  • 打赏
  • 举报
回复
row.ondblclick=function(){item_sel()}

在这里好象 item_sel(this)没有效了
因为 this指钟已经不是当前tr了。

但是你仍然可以通过
event.srcElement得到事件触发源(可能是TR下的TD,也可能是TD下的其他element)
Go_Rush 2003-02-11
  • 打赏
  • 举报
回复
row.ondblclick=function(){alert('my functions')}

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧