IE 10 不支持 dragover 和 drop 事件

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 事件

dragover and drop event not support in IE 10

html

javascript

jquery

drag-and-drop