Question

<!DOCTYPE HTML>
<html>
  <head>
    
    
  </head>
  <body>
    <div class="toolbox">
    <span class="draggable" id="drag1" draggable="true" ondragstart="drag(event)">drag<i class="cancel">x</i></span>
    <span class="draggable" id="drag2" draggable="true" ondragstart="drag(event)">drop <i class="cancel">x</i></span>
    </div>
    <br />
    <div class="drop-area">
      This is a sample 
      <div class="droppable" ondrop="drop(event)" ondragover="allowDrop(event)"></div> and <div class="droppable" ondrop="drop(event)" ondragover="allowDrop(event)"></div> sentence.
    </div>
    
  </body>
</html>

此拖放功能对我很有用。我想根据要求对其进行修改。如果用户一次拖放，则填补空白。在他们想要修改自己的答案之后，用户可以单击“ x”，但是我需要应用其他东西。如果用户想要更改自己的答案，我需要申请，然后他或她将从选项中选择正确的选项，并将其放置在先前填写的错误单词上。如果用户在错误答案上输入了正确的单词，则以前在默认空间（显示所有单词的顶部）中设置了错误的选项，而无需单击“ x”。如果任何人中的填充选项都可以将第二个单词悬停，则将其放置，并且先前添加的单词可以删除。

使用拖放（JS）新问题填写空白

0 个答案: