Question

我的拖放事件似乎在firefox中正常工作，但在IE10中却没有。有人可以建议为什么，以及如何解决它？

HTML：

<div class="drop">
  Drop file here
</div>

脚本：

$(document).ready(function() {
  var obj1 = $('.drop');
  obj1.on('dragover', function(e) {
    e.stopPropagation();
    e.preventDefault();
    $(this).css('border', "2px solid #8e44ad");
  });
  obj1.on('drop', function(e) {
    e.stopPropagation();
    e.preventDefault();
    $(this).css('border', "2px solid #8e44ad");
  });
});

Answer 1

我找到了解决方案。这是对IE10的支持。删除var obj1 = $('.drop');并直接在drop上使用

  $(document).ready(function() {
      $('.drop').on('dragover', function(e) {
        e.stopPropagation();
        e.preventDefault();
        $(this).css('border', "2px solid #8e44ad");
      });
      $('.drop').on('drop', function(e) {
        e.preventDefault();
        e.stopPropagation();
        $(this).css('border', "2px solid #8e44ad");
      });
    });

IE 10中不支持dragover和drop事件

1 个答案: