JavaScript: getElementById - избежать дублирования кода

Question

у меня есть следующий код:

document.getElementById(this.config.dragArea).addEventListener("dragover", 
    function(e){ e.stopPropagation(); e.preventDefault(); }, false); 
document.getElementById(this.config.dragArea).addEventListener("drop", 
    this._dropFiles, false); 

//SAME CODE, DIFFERENT IDs 
    document.getElementById(this.config.dragAreaMobi).addEventListener("dragover", 
     function(e){ e.stopPropagation(); e.preventDefault(); }, false); 
    document.getElementById(this.config.dragAreaMobi).addEventListener("drop", 
     this._dropFiles, false); 

Если я не хочу, чтобы дублировать весь этот код, что я мог сделать? Есть ли способ сделать что-то вроде document.getElementsById(var1, var2) ?? (ПРИМЕЧАНИЕ: dragArea = 'id1' и dragAreaMobi = 'id2').

Я попытался с помощью JQuery с:

$(this.config.dragArea).bind("dragover", function(e){ e.stopPropagation(); e.preventDefault(); }, false); 

Этот код не работает - моя догадка разница между bind и addEventListner ... В этом случае dragArea был определен как dragArea = '#id1, #id2'

Answer 1

Создайте функцию и передайте элемент в функцию

function bindEventListeners(elem){ 
    elem.addEventListener("dragover", function(e){ e.stopPropagation(); e.preventDefault(); }, false); 
    elem.addEventListener("drop", this._dropFiles, false); 
} 

bindEventListeners(document.getElementById(this.config.dragArea)); 
bindEventListeners(document.getElementById(this.config.dragAreaMobi));