函数handleDragOver(event){$('.container').classList.add('on-hover')}ondrop在你松开鼠标时处理文件操作。ondrop是当您释放鼠标时将触发的事件。在这里写下你需要处理的事情。就是这样。事件中有一个dataTransfer，里面包含了被拖拽的文件列表文件项。可以直接使用event.dataTransfer.files获取文件列表，也可以使用event.dataTransfer.items获取拖拽的item，然后将其转换为文件处理，可以从下面的链接查看示例。通常，您可以直接使用文件。需要添加event.preventDefaults()来避免浏览器的默认动作：直接打开被拖拽的文件。functionhandleDragOver(event){$('.container').classList.add('on-hover')}functionhandleDragEnd(){$('.container').classList.remove('on-hover')}函数handleDrag(event){handleDragEnd()//去掉接口反馈event.preventDefault()//防止浏览器默认打开拖拽的文件letfiles=event.dataTransfer.files;console.log(event)showFiles(files)//去文件显示操作}比如我写了一个拖拽图片查看图片的页面：https://kylebing.cn/test/drop/