jQuery Dragenter 事件在每个 child 身上触发

Question

我已在包含一些子项的对象上绑定(bind)了 dragenter 事件。

$(document).on('dragenter', '#container', function(e) {
  console.log('dragenter');
});

当我在它们周围移动拖动的文件时，此事件会重复触发。我所期望的是仅在输入 #container 元素时触发 dragenter，而不是每个子元素。

这是正确的行为吗？我该如何预防？

Answer 1

可以测试触发事件的元素是否是容器:

var container = $('#container').get(0);

$(document).on('dragenter', '#container', function(event) {
  if(event.target === container) {
      console.log('dragenter');
  }
});

或者，如果您不必使用事件委托(delegate):

$('#container').on('dragenter', function(event) {
    if(event.target === this) {
        console.log('dragenter');
    }  
});