遇到的一个JS原型的问题，还没得到解决

浏览数：16 / 时间：2015年06月09日

今天写代码的时候出现了一些问题。首先我的html文件是这样的

<div id = "tag_add" onclick="addUser()"></div>

恩恩，很清楚，调用了addUser()方法

var addUser = function () {
    var i=0;
    document.onkeydown = function(e){    
        var ev = document.all ? window.event : e;  
        if(ev.keyCode==13) {
            submit_dialog();
        }    
        if(ev.keyCode==27) {
            quit_dialog();
        }    

    }
    function quit_dialog (){
   /*隐藏了dialog的div*/
    }
    $("#head_close,#bottom_canser").click(function() {
            quit_dialog();
    });
    function submit_dialog(){
        alert(name+phone+plantNO);        
    }
    $("#bottom_submit").click(function() {
        submit_dialog();
    });
}

第一次调用，用鼠标点了submit，没有问题；第二次调用，恩？怎么alert弹出了两次？？妈蛋的！第三次调用，好吧，alert弹出了三次了！

我立马想到了onclick调用函数是不是每次都要新建一个函数实例呢？javaEE有单例原型的概念，放到这种情况，应该就是js解释器每次都是新建了一个函数对象的单例了吧？前一个单例没有结束而后一个单例又被调用了才会出现这种问题？？（这里求解啊！！）

于是我加了一段代码求证

var addUser = function () {
    var i=0;
    document.onkeydown = function(e){    
        var ev = document.all ? window.event : e;  
        if(ev.keyCode==13) {
            submit_dialog();
        }    
        if(ev.keyCode==27) {
            quit_dialog();
        }    

    }
    function quit_dialog (){
   /*隐藏了dialog的div*/
    }
    $("#head_close,#bottom_canser").click(function() {
            quit_dialog();
    });
    function submit_dialog(){
        alert(name+phone+plantNO);        
    }
    $("#bottom_submit").click(function() {
        submit_dialog();
        i++;
        console.log(i);
    });
}