比如说一点击第一行的任意位置就跳到了对这一行的编辑画面(本来是点击编辑按钮,现在要是点击这一行的任意位置可以跳转页面)
点一行任意位置引发事件,只能为第一行绑定事件,就是TR元素,用JQuery有更简单的语法:
$("table tr").click(function(){
// this is you click handler logic
})
<script>
function doclick(self){
var cells = self.cells;
for(var i=0;i<cells.length;i++){
alert(cells[i].innerHTML);
}
}
</script>
<body>
<table border='1'>
<tr onclick='doclick(this)'>
<td>11</td>
<td>22</td>
</tr>
<tr onclick='doclick(this)'>
<td>33</td>
<td>44</td>
</tr>
</table>
你给这个tr对象绑定onclick点击事件
$("table tr").click(function(){
$(this).children("td");
})
利用事件捕获机制,侦听表单onclick事件,再来判断触发事件子元素
table.addEventListener("click",function(e){
var target=e.target;
//下面根据捕获到的target信息进行判断,以执行下一步跳转动作
},true);
给除头以外的Tr行绑定一个Click事件