元素 ， 元素 变色，鼠标跟随出现默认图片，鼠标松开默认图片消失， 元素 恢复原状。 2. 拖拽 至垃圾箱时，垃圾箱高亮提示。 3.鼠标在垃圾箱松开，当前 拖拽 元素 消失。 4.文字显示刚刚 删除 的 元素 。 所有代码： <!DOCTYPE html > < html lang="en"> <head> <meta charset="UTF-8"&g... var drag = document.getElementById("drag"); var target = document.getElementById("target"); drag.addEventListener("dragstart", function(event) { event.dataTransfer.setData("text/plain", event.target.id); target.addEventListener("dragover", function(event) { event.preventDefault(); target.addEventListener("drop", function(event) { var data = event.dataTransfer.getData("text/plain"); var element = document.getElementById(data); event.target.appendChild(element); 以上是前端 HTML5 写一个 拖拽 到目标 元素 效果 的代码，希望对你有帮助。