JavaScript-Laufzeitfehler: Das Objekt unterstützt die Eigenschaft oder Methode „addEventListener“ nicht [Duplikat] ⇐ Jquery

[Anonymous]

Ich verwende Asp.Net 2.0 und versuche, Dateien per Drag & Drop mit asp.net zu ziehen.
Für diesen Prozess verwende ich die folgenden js

Code: Select all

deshalb kommt der Fehler so

Code: Select all

JavaScript runtime error: Object doesn't support property or method 'addEventListener

Ich verwende IE11

also wurde mir ein Code verwendet

Code: Select all

es funktioniert nicht

und mein Skript ist

Code: Select all

 

var selectedFiles;

$(document).ready(function () {
alert("");
if (!Modernizr.draganddrop) {
//alert("2");
alert("This browser doesn't support File API and Drag & Drop features of HTML5!");
return;
}

var box;
box = document.getElementById("box");
alert(box);
box.addEventListener("dragenter", OnDragEnter, false);
box.addEventListener("dragover", OnDragOver, false);
box.addEventListener("drop", OnDrop, false);

$("#upload").click(function () {
var data = new FormData();
for (var i = 0; i < selectedFiles.length; i++) {
data.append(selectedFiles[i].name, selectedFiles[i]);
}
$.ajax({
type: "POST",
url: "FileHandler.ashx",
contentType: false,
processData: false,
data: data,
success: function (result) {
alert(result);
},
error: function () {
alert("There was error uploading files!");
}
});
});

});;

function OnDragEnter(e) {
e.stopPropagation();
e.preventDefault();
}

function OnDragOver(e) {
e.stopPropagation();
e.preventDefault();
}

function OnDrop(e) {
e.stopPropagation();
e.preventDefault();
selectedFiles = e.dataTransfer.files;
$("#box").text(selectedFiles.length + " file(s) selected for uploading!");
}

und meine ASPX-Seite ist

Code: Select all

Drag & Drop files from your machine on this box.

Aber diese Anwendung zum Ziehen und Ablegen von Dateien funktioniert in Chrome und Firefox einwandfrei.
Das einzige Problem ist im IE.

Schlagen Sie mir vor, eine Lösung zu finden.
Vielen Dank im Voraus.