离开放置区域时重置CSS(拖放上传)

时间:2012-06-02 13:43:50

标签: jquery image html5 drag-and-drop

在我的应用程序中,我实现了拖放上传。当您在“拖放区域”上拖动并按住图像时,拖放区域会更改外观,并且文本会指示您删除显示的文件。

如果我取消删除文件,新的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

1 个答案:

答案 0 :(得分:1)

您可以尝试删除div并在获得ondragend事件时删除类名

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