javascript - 新的 HTML 元素不适用于拖放功能
问题描述
我有一个接受放置功能的初始 div 标签。现在在这个标签中我创建了新的 div 标签,它也应该接受相同的 drop 功能。但它不起作用。新创建的 div 标签也应该能够在其中创建新的子 div 标签。
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev)
{
ev.preventDefault();
var data = ev.dataTransfer.getData("text"); // ID of the incoming dragged element
if(ev.target.childElementCount==0)
{
ev.target.appendChild(document.getElementById(data));
for(var i=0;i<func_list[parseInt(data)].length;i++)
{
var exp=document.createElement("div");
exp.setAttribute("id", data.concat("exp"));
exp.setAttribute("ondrop","drop(event)");
exp.setAttribute("ondragover","allowDrop(event)");
exp.setAttribute("class","Expression_Area");
ev.target.appendChild(exp);
}
}
else
{
var item = ev.target;
while (item.firstChild)
{
item.removeChild(item.firstChild);
}
ev.target.appendChild(document.getElementById(data));
for(var i=0;i<func_list[parseInt(data)].length;i++)
{
var exp=document.createElement("div");
exp.setAttribute("id", data.concat("exp"));
exp.setAttribute("ondrop","drop(event)");
exp.setAttribute("ondragover","allowDrop(event)");
exp.setAttribute("class","Expression_Area");
ev.target.appendChild(exp);
}
}
}
解决方案
推荐阅读
- eclipse-che - eclipse-che 工作区不会识别新的 Maven 依赖项
- outlook - Safari 上的 Outlook 加载项和手机上的 chrome
- html - 保持浏览器高度包含的div的纵横比,没有javascript
- alfresco - 如何将pdf附加到另一个?露天
- javascript - 带有一些按钮而不是选项卡的闪亮标题 (NavBar)
- java - 如何制作一个搜索 arryist 前半部分的线程,而第二个线程搜索后半部分?
- google-sheets-macros - Google Apps 脚本将数据复制到错误的工作表
- php - SendGrid 使用 php curl 将新联系人添加到营销联系人列表
- php - 存储但不执行全局函数 (PHP)
- python - Python:生成模型 LinAlgError:奇异矩阵错误