相关疑难解决方法(0)

当ondrop被触发时,event.dataTransfer.files为空?

好的,我有一个元素设置来接收文件丢弃事件,但当我查看event.dataTransfer它是空白.我还没有开始学习拖放式HTML5 API,我仍然有点模糊.我正在我的网站上工作.如果您不介意浏览我的代码并查看正在发生的事情,我们将非常感激.event正在记录整个对象.

javascript html5 drag-and-drop

45
推荐指数
2
解决办法
2万
查看次数

防止默认操作.仅适用于chrome

jQuery的:

$(document).ready(function () {
   $('input[type=file]').uploadImage();
   jQuery.event.props.push('dataTransfer');
   $(".upload-cont").bind('dragenter', function (e) {
      $(".upload-cont").css("border", "1px dashed black;");
   });
   $(".upload-cont").bind('drop', function (e) {
      var files = e.dataTransfer.files;
      e.preventDefault();
   });
   $("body").bind('drop', function (e) {
      e.preventDefault();
   });
});
Run Code Online (Sandbox Code Playgroud)

在Firefox 17,资源管理器8中,当一个文件从桌面拖放到浏览器时,图像将被加载到另一个页面中.我添加了preventDefault(),它在chrome中完美运行.可以做什么以便在ff中阻止动作,即浏览器.

jquery drag-and-drop preventdefault

1
推荐指数
1
解决办法
761
查看次数