这是一段创建可以相互交换的盒子的代码
当我交换输入框时，输入框保持返回默认值
我尝试了非输入（基于文本的值），它返回得很好。
需要输入框像往常一样更新（像底部的一个，但输入）

• • 编辑：**

你是正确的@tacoshy应该使用类代替，我很抱歉，我将更新步骤产生的错误：
1.打开可折叠选项卡。
1.编辑其中一个输入
1.使输入不聚焦（不聚焦时它应该更新它的值）
1.尝试到swap这方框.（这输入文本将返回到这默认值哪里这文本旁边是罚款）
代码编号：https://codepen.io/slipless/pen/KKBVemr

<div class="grid-container">
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test">B</div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="te"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div class="item8">
    <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  </div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
  <div draggable="true" class="box"><input type="text" id="inputField" onkeyup="handleKeyUp()" value="test"></div>
</div>

• • edit2：**它现在工作了，但是我在Onblur（）上编辑后，我的代码表现奇怪

var element = event.target;
  var element2 = event.target.parentNode;
  var input = element;
  input.defaultValue = element.value; // fix
  element2.innerHTML = "";// element2.innerHTML = ""+input.value;
  element.value = element2.innerHTML;
  element2.appendChild(input);

输入中的字符串在无焦点后为空，在我交换框后工作正常
它工作正常后，我打开这个评论，但我希望这是输入只

// element2.innerHTML = ""+input.value;

• • edit3：**经过一些编辑，它现在工作thx寻求帮助!

var element = event.target;
  var element2 = event.target.parentNode;
  var input = element;
  input.defaultValue = element.value; // fix
  element2.innerHTML = "";// element2.innerHTML = ""+input.value;
  element2.appendChild(input);