javascript - 这段代码是按照js高级程序设计书上写的，为什么实现不了自动切换焦点的功能呀？而且里面的tabForward函数不是很懂?-PHP中文网问答

javascript - 这段代码是按照js高级程序设计书上写的，为什么实现不了自动切换焦点的功能呀？而且里面的tabForward函数不是很懂?

迷茫 2017-04-11 13:27:05

[JavaScript讨论组]

329

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(1)

PHP中文网2017-04-11 13:29:05 1楼

这段代码里有一个错误，maxlength是一个attr不是prop，prop名称应该是maxLength 改为getAttribute获取，或maxLength就可以了，代码如下：

(function(){
    function tabForward(event){
        event=EventUtil.getEvent(event);
        var target=EventUtil.getTarget(event);
        if(target.value.length==target.getAttribute('maxlength')){
            var form=target.form;
            for(var i=0,len=form.elements.length;i<len;i++){
                if(form.elements[i]==target){
                    if(form.elements[i+1]){
                        form.elements[i+1].focus();
                    }
                    return;
                }
            }
        }
    }
    var textbox1=document.getElementById("txtTel1");
    var textbox2=document.getElementById("txtTel2");
    var textbox3=document.getElementById("txtTel3");

    EventUtil.addHandler(textbox1,"keyup",tabForward);
    EventUtil.addHandler(textbox2,"keyup",tabForward);
    EventUtil.addHandler(textbox3,"keyup",tabForward);
})();

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>