javascript - 一种方法的目标是 2 个 div？

Question

我有以下功能:

 $('#cover-drop-zone')[0].ondrop = function(e) {

如何使用上述代码定位两个不同的 div？我希望两个 div 都有 ondrop 方法。

Answer 1

为什么不使用 jQuery:

$('#cover-drop-zone, #other-element-id').on('drop', function(e){
    // do stuff here
});

因为您的问题没有标记为 jquery ，您可以使用纯 JavaScript:

var elems = document.querySelectorAll('#cover-drop-zone, #other-element-id');

function dropFunction (e) {
     // e is the event (passed automatically as the first parameter,
     // this will refer to the element on which the function is called
    // and whatever your function would/should do...
}

for (var i = 0, len = elems.length; i < len; i++){
    elems[i].addEventListener('drop', dropFunction);
}

引用文献:

• on() .