jquery - ドロップ領域を離れるときに CSS をリセットする (ドラッグ アンド ドロップ アップロード)

Question

私のアプリケーションでは、ドラッグ アンド ドロップによるアップロードを実装しました。「ドロップ領域」に画像をドラッグ アンド ホールドすると、ドロップ領域の外観が変化し、ファイルをドロップするように指示するテキストが表示されます。

ファイルのドロップをキャンセルしても、新しい CSS とテキストはまだ残っているので、ページを更新して通常の状態に戻す必要があります。ページを更新せずに css を通常の状態にリセットするにはどうすればよいですか?

前もって感謝します！

holder.ondragover = function () {
  var information = "<div id='infoText2'>" + "<span>Drop the image here!</span>";
  $('#holder').html(information);
  this.className = 'hover';
  return false;
};
// Rest of the code

Answer 1

ondragendイベントを取得したら、divを削除してクラス名を削除してみてください

holder.ondragend = function () {
  $('#intoText2').remove();
  this.removeClass();
};