ondragenter不影响孩子

时间:2012-10-26 08:32:41

标签: javascript html5 javascript-events

在拖动孩子时,有没有办法不触发ondragleave事件?

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

以下示例:http://jsfiddle.net/6uu7h/4/(Chrome)

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

1 个答案:

答案 0 :(得分:2)

这是一个例子: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 />");
    }
  });
});