[英]JQuery drag and drop not working in firefox but works in chrome and and IE
jQuery("#image-div").on('dragleave',function(e){
document.getElementById("image-div").style.borderColor = "#E6E6E6";
return false;
});
jQuery("#image-div").on('dragover',function(e){
document.getElementById("image-div").style.borderColor = "#9B9999";
return false;
});
jQuery("#image-div").on('drop',function(e){
event.preventDefault && event.preventDefault();
var files = event.dataTransfer.files[0];
if (files.type.match("image.*"))
{
var fileReader = new FileReader();
fileReader.onload = function (event)
{
uploadImage(event.target.result);
}
fileReader.readAsDataURL(files);
}
return false;
});
Don't know what is wrong in my code. 不知道我的代码出了什么问题。 It is working for Chrome and IE.
它适用于Chrome和IE。 When Ii drop an image I need to drop it in a div but instead, it opens in a tab.
当Ii放下图像时,我需要将其放到div中,而是在选项卡中打开。
Because you defined event as e, but using window.event. 因为您将事件定义为e,但是使用window.event。
jQuery("#image-div").on('drop',function(e){ <-- e
event.preventDefault && event.preventDefault(); <-event
一件事只是看您的代码,我认为您需要使用e代替事件,除非您引用的事件范围超出了我无法看到的范围。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.