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); 
}