程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> 代碼-應該怎麼改這個js?關於focus

代碼-應該怎麼改這個js?關於focus

編輯:編程綜合問答
應該怎麼改這個js?關於focus

代碼如下。
在第二個input裡輸入完東西之後回車,會再自動addlist。然後現在想讓他光標自動聚焦到新增的一行的weight輸入框裡。
目前寫的代碼裡,第二個輸入框輸入完東西,回車後都是跳到第一行的weight輸入框的。

應該怎麼去修改呢?

 function addList(){
    var operate_id=$("#last_operate_id").val();
    operate_id=parseInt(operate_id)+1;
    if (operate_id==1000) {
        operate_id=1;
    }
    $("#last_operate_id").val(operate_id);
    var html = '<tr>'
        +'<td><input class="form-control" id="weight" name="weight[]" onkeydown="javascript:if(event.keyCode==13) return false;" type="text" "></td>' 
        +'<td><input class="form-control" id="express_id" name="express_id[]" type="text" onkeydown="javascript:if(event.keyCode==13) {addList(); setfocus(); return false; } "></td>'
        +'<td><input class="form-control" id="remark" name="remark[]" type="text" onkeydown="javascript:if(event.keyCode==13) return false;"></td>'
        +'<td><input class="form-control" id="operate_id" name="operate_id[]" type="text" readOnly="readOnly" value="'+operate_id+'" ></td>'
        +'<td><button type="button" class="add btn btn-info dropdown-toggle" onclick="delList(this)">刪除</button></td>'
        +'</tr>';
    $("#parcel_goods").append(html);
    var rows= $("#parcel_goods").find("tr").length-1;
    document.getElementById('num').innerHTML=rows;
    //$(html).appendTo("#parcel_goods");
}

function setfocus(){
  document.getElementById("weight").focus();
}

最佳回答:


你id重復了,要通過DOM關系獲取setfocus(this);


                +'<td><input class="form-control" id="express_id" name="express_id[]" type="text" onkeydown="javascript:if(event.keyCode==13) {addList(); setfocus(this); return false; } "></td>'



        function setfocus(ipt){///////////
            var tr=ipt.parentNode.parentNode;
            var ipts=tr.getElementsByTagName('input');
            ipts[0].focus();
        }
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved