修改項目中的一個功能:在上一行輸入完成後,觸發事件,自動跳入到下一行,並將下一行的本列自動直爲可輸入狀態,光標獲取焦點。
在不斷向下一行跳的時候,就要判斷是不是到了最後一行:簡單代碼實現:
<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>