ondragenter 不影響兒童

Question

有什么方法可以在拖動 hover 一個孩子時不觸發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 />");
    }
  });
});