时间戳

首页 > 解决方案 > 重新加载后使可拖动文本保持原位

javascript - 重新加载后使可拖动文本保持原位

问题描述

我有一个可拖动的文本元素，可以放入不同的 div 框中。但是当我将文本放入框中时，转到另一个 html 站点并返回文本已回到原来的位置。是否可以在重新加载时使文本留在框中？

到目前为止，这是我的一些代码：

<script>
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");
  ev.target.appendChild(document.getElementById(data));
  $('.div2:contains("44")').addClass("rsko").css("background-color", "green");
  $('.div2:not(:contains("44"))').addClass("fsko").css("background-color", "red");
}
</script>


<body>
<div id = "st">
<div class="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
  <p id="drag1" draggable="true" ondragstart="drag(event)">44</p></div>
<div class="div2" id= "skoBoks" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
</body>

标签： javascripthtmljquery

解决方案

推荐阅读