Javascript 上传文本文件并拖放单词?

Javascript 上传文本文件并拖放单词?,javascript,html,text,drag-and-drop,Javascript,Html,Text,Drag And Drop,我正在上传一个文本文件到我的主页,它目前正在加载到一个文本区域 问题是我想将单个单词拖放到不同的html元素中,我认为html中的文本区域元素不可能做到这一点 有没有办法用html或JavaScript解决这个问题?我建议您在上传文件后为每个单词创建可拖动的元素: <span class="word" draggable="true">word</span> .drop区域{ 位置:相对位置; 宽度:100px; 高度:30px; 溢出:隐藏; 背景#8787; 颜色:

我正在上传一个文本文件到我的主页,它目前正在加载到一个文本区域

问题是我想将单个单词拖放到不同的html元素中,我认为html中的文本区域元素不可能做到这一点


有没有办法用html或JavaScript解决这个问题?

我建议您在上传文件后为每个单词创建可拖动的元素:

<span class="word" draggable="true">word</span>
.drop区域{
位置:相对位置;
宽度:100px;
高度:30px;
溢出:隐藏;
背景#8787;
颜色:白色;
显示器:flex;
对齐项目:居中;
证明内容:中心;
保证金:5px0;
}
.字{
边际:0.2px;
}

我没有答案,但如果您能够确认是否可以确定文本区域中当前高亮显示的文本,并且在拖放后能够自动删除该文本,则可以完成此操作。删除部分可能包括指示拖放事件后应清除的字符范围。拖放部分,我们已经知道这是可能的。