Javascript 如何在contenteditable div中拖放段落？重新排列段落函数allowDrop（allowdropevent） { allowdropevent.target.style.color='blue'； allowdropevent.preventDefault（）； } 功能拖动（dragevent） { dragevent.dataTransfer.setData（“text”，dragevent.target.id）； dragevent.target.style.color='绿色'； } 函数删除（dropevent） { preventDefault（）； var data=dropevent.dataTransfer.getData（“文本”）； dropevent.target.appendChild（document.getElementById（数据））； document.getElementById（“拖动”）.style.color='black'； } me toooo_Javascript_Jquery_Html

Javascript 如何在contenteditable div中拖放段落？重新排列段落函数allowDrop（allowdropevent） { allowdropevent.target.style.color='blue'； allowdropevent.preventDefault（）； } 功能拖动（dragevent） { dragevent.dataTransfer.setData（“text”，dragevent.target.id）； dragevent.target.style.color='绿色'； } 函数删除（dropevent） { preventDefault（）； var data=dropevent.dataTransfer.getData（“文本”）； dropevent.target.appendChild（document.getElementById（数据））； document.getElementById（“拖动”）.style.color='black'； } me toooo

javascript jquery html

Javascript 如何在contenteditable div中拖放段落？重新排列段落函数allowDrop（allowdropevent） { allowdropevent.target.style.color='blue'； allowdropevent.preventDefault（）； } 功能拖动（dragevent） { dragevent.dataTransfer.setData（“text”，dragevent.target.id）； dragevent.target.style.color='绿色'； } 函数删除（dropevent） { preventDefault（）； var data=dropevent.dataTransfer.getData（“文本”）； dropevent.target.appendChild（document.getElementById（数据））； document.getElementById（“拖动”）.style.color='black'； } me toooo,javascript,jquery,html,Javascript,Jquery,Html,我使用上面的代码重新排列段落，但在chrome中，不同段落中的内容会选择性地拖拽。请帮忙这些是div元素下的不同段落（示例），我想使用拖放重新排列。现在，当我尝试将单个段落作为一个实体拖动时，它不会移动。这就是问题所在我理解你在寻找什么，但我不认为这是一个合适的论坛。话虽如此，您可能会受益于类似于jQueryUI方法的功能。我认为您不应该同时拥有contenteditable的嵌套div，因为浏览器以不同方式处理此功能时，您最终会遇到奇怪的问题。您确定要将父div设置为contentedi

我使用上面的代码重新排列段落，但在chrome中，不同段落中的内容会选择性地拖拽。请帮忙

这些是div元素下的不同段落（示例），我想使用拖放重新排列。现在，当我尝试将单个段落作为一个实体拖动时，它不会移动。这就是问题所在

我理解你在寻找什么，但我不认为这是一个合适的论坛。话虽如此，您可能会受益于类似于jQueryUI方法的功能。我认为您不应该同时拥有

contenteditable

的嵌套div，因为浏览器以不同方式处理此功能时，您最终会遇到奇怪的问题。

您确定要将父div设置为

contenteditable

？它可能会导致您概述的问题。这是一本关于内容可编辑的好书，它的优点和缺点：是的，因为我正在尝试制作一个html编辑器。我们的问题不清楚。请描述您遇到的问题以及您已经采取了哪些措施来解决它。是否更新了我的问题@adammazzarellat此论坛不适合此论坛@Adam Mazzarella是否可以按照您要查找的内容对jQuery进行排序？“我仍然无法理解你的代码的最终目标是什么。我被赋予了一项任务，就是这样，即使我无法理解这个目标。@Adam Mazzarella”

<!DOCTYPE html>
<html lang=en>
<title>Rearranging paragraphs</title>
<meta content="width=device-width">

</head>
<script>
function allowDrop(allowdropevent) 
{ 
    allowdropevent.target.style.color = 'blue';
    allowdropevent.preventDefault();
}

function drag(dragevent) 
{
    dragevent.dataTransfer.setData("text", dragevent.target.id);
    dragevent.target.style.color = 'green';
}

function drop(dropevent) 
{
    dropevent.preventDefault();
    var data = dropevent.dataTransfer.getData("text");
    dropevent.target.appendChild(document.getElementById(data));
    document.getElementById("drag").style.color = 'black';
}
</script>
<body>
<div  ondrop="drop(event)" ondragover="allowDrop(event)" contenteditable="true">
  <p id="drag" draggable="true" ondragstart="drag(event)" contenteditable="true">me toooo</p>
</div>
</body>
</html>