PHP不处理浏览器端拖放交互，拖放及源内容移除均由JavaScript实现：源元素设draggable="true"并监听dragstart事件删除自身，目标div通过ondrop接收数据并插入。
PHP 本身不处理浏览器端的拖放（drag and drop）交互，因为拖放是纯前端 DOM 操作，发生在用户浏览器中。所谓“拖放文字到 div 后移除源”，实际是指 JavaScript 控制的拖放行为：用户选中一段文字（或某个可拖元素），拖到目标 <div> 中，同时希望原始位置的文字/节点被删除。
核心逻辑在 JavaScript，不是 PHP
PHP 在这个场景里只可能参与初始内容渲染（比如输出带 draggable 属性的 HTML），但拖放过程、数据传输、节点移动/删除全部由浏览器执行。你无法用 PHP 直接“移除源”，必须靠 JS 实现。
实现移除源文字的关键步骤
要让拖放后源内容消失，需满足两个条件：
- 源元素设置
draggable="true"，并监听dragstart；在该事件中，把要传输的文本（或节点引用）存入dataTransfer，同时可立即隐藏或移除源（如event.target.remove()或event.target.style.opacity = 0）； - 目标
<div>设置ondragover="event.preventDefault()"（允许放置），并绑定drop事件，在其中读取event.dataTransfer.getData('text/plain')并插入，完成“迁移”效果。
一个轻量可靠示例（无框架）
假设源是一段可拖文字，目标是一个空 <div id="target"></div>：
立即学习“PHP免费学习笔记（深入）”；
<span draggable="true" ondragstart="dragStart(event)">拖我走</span>
<div id="target" ondragover="event.preventDefault()" ondrop="dropHandler(event)"></div>
JS 部分：
function dragStart(e) {
e.dataTransfer.setData('text/plain', e.target.textContent);
e.target.remove(); // 立即移除源元素
}
function dropHandler(e) {
e.preventDefault();
const text = e.dataTransfer.getData('text/plain');
e.target.textContent = text;
}
注意边界情况
如果源是富文本（含标签）、跨容器拖拽、或需保留原始样式，就不能简单用 textContent。此时建议用 dataTransfer.setDragImage() 配合克隆节点 + removeChild()，或改用 dataTransfer.setData('text/html', ...) 并在 drop 时用 insertAdjacentHTML() 插入。但无论哪种，PHP 都不介入实时操作——它只负责首次输出结构和内容。
