Document.on.dragoverは無関係なコードで壊れてしまいます

Question

私のjavascriptファイルはhereです。基本的に私のウェブサイトはコマンドプロンプトスタイルのウェブサイトの一種で、ファイルのアップロードなどの特定の機能を実行するためのコマンドを入力します。

$(document).on('dragover', 'body', function(e) { 
 
    e.preventDefault(); 
 
    $("#fileupload").addClass('ishovered'); 
 
    $(".dragtext").show(); 
 
}); 
 
$(document).on('dragleave', 'body', function(e) { 
 
    $("#fileupload").removeClass('ishovered'); 
 
    $(".dragtext").hide(); 
 
}); 
 
$(document).on('drop', 'body', function(e) { 
 
    $("#fileupload").removeClass('ishovered'); 
 
    $(".dragtext").hide(); 
 
});

さて、これはウェブサイトの負荷に正常に動作します：私はまた、このようになります「ドラッグ&ドロップ」アップロード機能を、持っています。しかし、私はこの一見無関係なコードを実行した後：その後ホバーされているファイルに応答しないウェブサイトのように、このコードを実行しているいくつかの理由

[...] 
 
} else if (value.match("^clear") || value.match("^cls")) { 
 
    if ($(".isup").attr("value") == "tr") { 
 
     $("#container").append("<span class='code'>" + value + "</span><span class='cmd-cont'>error: please answer yes/no first</span>"); 
 
     updateScroll(); 
 
    } else { 
 
     $("#container").html(""); /* This is what usually runs, and for some reason breaks the drag & drop upload */ 
 
    } 
 
} 
 
[...] 
 
function updateScroll() { 
 
    var element = document.getElementById("container"); 
 
    element.scrollTop = element.scrollHeight; 
 
}

は、ドラッグ&ドロップのアップロードを破るをコードが実行されました。

Live demo（あなたが引くと、ロードした後、ウェブサイトにファイルを、その後、「CLS」または「クリア」と入力してから再度ファイルをドラッグしようしようとすることで再作成することができます）

Answer 1

$("#container").html("");は#fileuploadフォームを破壊します（それは＃containerの子供だから）