event.preventdefault（）在Mozilla不工作，但在Chrome中工作正常

Question

我的Java脚本的：

var l=1; 
function AddDescription(e){ 
    alert(123); 
    var id = e.id; 
    var no = id.split("descript"); 
    var i=0; 
    var max_description = 10; 
    event.preventDefault(); 
    if(i <= max_description) { 
      i++; 
      $("#adddescription"+no[1]).append("<div id='close"+l+"' class='form-group'><label for='icode' class='col-md-3 control-label'>Description</label><div class='col-md-5'><input id='description"+no[1]+i+"' class='form-control' name='description"+no[1]+"[]' maxlength='400'><p class='required de"+no[1]+i+"' id='required_description'>Field Required</p></div><a id='hide"+l+"' onclick=closediv(this)><img src='assets/img/close.png'></a></div>");  
      l++; 
    } 
} 

，我来自调用这个函数：

<a href="" id="descript0" class="add-description" onclick="AddDescription(this)" style="float: right;margin-right: 5%">+ Add Point</a> 

这Chrome，但在正常工作mozilla它重新加载页面。它与event.preventdefault有关。请帮助我在做什么错误？

Answer 1

因为event未定义，e是一个不好的变量名，因为人们会认为它意味着事件，而不是元素。

onclick="AddDescription(event, this)" 

和

function AddDescription(event, elem){ 
    event.preventDefault(); 
    console.log(elem.id); 
}