Javascript HTML拖放API-_Javascript_Html_Api_Drag And Drop

Javascript HTML拖放API-

javascript html api

Javascript HTML拖放API-,javascript,html,api,drag-and-drop,Javascript,Html,Api,Drag And Drop,这是一个简单的数学游戏我的问题是：我不能把图像拖动到中间，把它们拖到左边。我在网上做了一些研究，但没有找到任何结果 HTML: 好吧，您正在尝试获取ElementById，但是您的元素没有ID。在元素上添加ID 函数dragstartHandlere{ e、 dataTransfer.setDatatext，e.target.id； } 函数dragoverhandler{ e、防止违约； //e、 dataTransfer.dropEffect=copy； } 功能滴管{ e、防止违

这是一个简单的数学游戏

我的问题是：我不能把图像拖动到中间，把它们拖到左边。我在网上做了一些研究，但没有找到任何结果

HTML:

好吧，您正在尝试获取ElementById，但是您的元素没有ID。在元素上添加ID

函数dragstartHandlere{ e、 dataTransfer.setDatatext，e.target.id； } 函数dragoverhandler{ e、防止违约； //e、 dataTransfer.dropEffect=copy； } 功能滴管{ e、防止违约； var myData=e.dataTransfer.getDatatext； e、 target.appendChilddocument.getElementByIdmyData； }

你的问题是什么？你想完成什么？我想把Tasinaakrakamlar images/three.png和five.png的图片拖到问号上。欢迎使用Stack Overflow！其他用户将您的问题标记为低质量和需要改进。我对您的输入进行了重新措辞/格式化，使其更易于阅读/理解。请查看我的更改，以确保它们反映您的意图。但我认为你的问题仍然无法回答。您现在应该回答您的问题，以添加缺少的详细信息，请参阅。如果您有进一步的问题或反馈，请随时给我留言。

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="styleSheet.css" />
  <script src="myScript.js"></script>
</head>
<body>
  <!--İŞLEMLER-->
  <div id="islemler">
    <!--1.İŞLEM-->
    <div>
      <img src="images/question-mark.png" ondrop="dropHandler(event)" ondragover="dragoverHandler(event)">
      <img src="images/plus.png">
      <img src="images/question-mark.png" ondrop="dropHandler(event)" ondragover="dragoverHandler(event)">
      <img src="images/equal.png">
      <img src="images/eight.png">
    </div>


  </div>
  <!--TAŞINACAK RAKAMLAR-->
  <div id="tasinacakRakamlar">
    <img src="images/three.png" draggable="true" ondragstart="dragstartHandler(event)">
    <img src="images/five.png" draggable="true" ondragstart="dragstartHandler(event)">
  </div>
</body>
</html>

function dragstartHandler(e){
    e.dataTransfer.setData("text",e.target.id);
}

function dragoverHandler(e){
    e.preventDefault();
    //e.dataTransfer.dropEffect="copy";
}

function dropHandler(e){
    e.preventDefault();
    var myData = e.dataTransfer.getData("text");
    e.target.appendChild(document.getElementById(myData));
}