Cannot read property 'addEventListener' of null,可否帮忙看看哪错了?

<form>

    <input type="text" name="txtTel1" id="txtTel2" maxlength="3">
    <input type="text" name="txtTel2" id="txtTel2" maxlength="4">
    <input type="text" name="txtTel3" id="txtTel3" maxlength="3">
</form>

<script>

var EventUtil={
    addHandler:function(element,type,handler){
        if(element.addEventListener){
            element.addEventListener(type,handler,false);
        }else if(element.attachEvent){
            element.attachEvent("on"+type,handler);
        }else{
            element["on"+type]=handler;
        }
    },
    removeHandler:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
            element.detachEvent("on"+type,handler);
        }else{
            element["on"+type]=null;
        }
    },
    getEvent:function(event){
        return event?event:window.event;
    },
    getTarget:function(event){
        return event.target||event.srcElement;
    }
};
(function(){
    function tabForward(event){
        var event=EventUtil.getEvent(event);
        var target=EventUtil.getTarget(event);
        if(target.value.length==target.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 txtTel1=document.getElementById("txtTel1");
    var txtTel2=document.getElementById("txtTel2");
    var txtTel3=document.getElementById("txtTel3");
    EventUtil.addHandler(txtTel1,"keyup",tabForward);
    EventUtil.addHandler(txtTel2,"keyup",tabForward);
    EventUtil.addHandler(txtTel3,"keyup",tabForward);
})();

</script>

阅读 7.1k
2 个回答
<form>
    <input type="text" name="txtTel1" id="txtTel1" maxlength="3">
    <input type="text" name="txtTel2" id="txtTel2" maxlength="4">
    <input type="text" name="txtTel3" id="txtTel3" maxlength="3">
</form>

看清楚 第一个 input 的 id 应该是 txtTel1,获取不到dom,当然添加不了事件啦

<input type="text" name="txtTel1" id="txtTel2" maxlength="3">
id写错了~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题