[英]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;
});
不知道我的代碼出了什么問題。 它適用於Chrome和IE。 當Ii放下圖像時,我需要將其放到div中,而是在選項卡中打開。
因為您將事件定義為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.