修改项目中的一个功能:在上一行输入完成后,触发事件,自动跳入到下一行,并将下一行的本列自动直为可输入状态,光标获取焦点。
在不断向下一行跳的时候,就要判断是不是到了最后一行:简单代码实现:
<html>
<head>
<script>
function test(v){
var trObj = v.parentNode.parentNode;
var trArr = v.parentNode.parentNode.parentNode.children;
if(trObj.rowIndex == trArr.length-1){
alert("endLine");
}else{
alert("not endLine");
}
}
</script>
</head>
<body>
<table id="tableId">
<tr><td><a href="#" onClick="test(this)">1</a></td></tr>
<tr><td><a href="#" onClick="test(this)">2</a></td></tr>
<tr><td><a href="#" onClick="test(this)">3</a></td></tr>
</table>
</body>
</html>