javascript - ondragenter 不影响儿童

Question

有什么方法可以在拖动悬停儿童时不触发 ondragleave 事件？

<div ondragenter="entered()" ondragleave="left()">
    <a href="#">children element</a>
</div>

这里是一个例子：http: //jsfiddle.net/6uu7h/4/（Chrome）

我不希望在进入孩子时触发事件“ondragleave”，因为它并没有真正离开元素。

Answer 1

这里是一个例子：http: //jsbin.com/ahipas/4/edit

$(function() {
  var destination;

  $('#bidi').on('dragenter', function(event) {
    destination = event.target;
    $('#debug').append("ENTERED ELEMENT<br />");
  });

  $('#bidi').on('dragleave', function(event) {
    if (!$(this).find(destination).size() && !$(this).find(event.target).size()) {
      $('#debug').append("LEFT ELEMENT<br />");
    }
  });
});