Ошибка выполнения JavaScript: объект не поддерживает свойство или метод addEventListener ⇐ Jquery

[Anonymous]

Я использую Asp.Net 2.0, пытаюсь перетаскивать файлы с помощью asp.net.
для этого процесса я использую следующие js

Код: Выделить всё

вот почему ошибка такая

Код: Выделить всё

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

я использую IE11

поэтому я использовал один код

Код: Выделить всё

он ​​не работает

а мой скрипт

Код: Выделить всё

 

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!");
}

и моя страница aspx

Код: Выделить всё

Drag & Drop files from your machine on this box.

Но в этом приложении перетаскивание файлов работает нормально в Chrome и Firefox
только проблема в IE

Предложите мне решение.
Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/313 ... ddeventlis