小编Dpk*_*Dpk的帖子

如何在 JavaScript 中获取拖动元素的 id

我想在放置事件处理程序中获取JavaScriptid中拖动元素的。

div带有idof的绿色place5是可拖动的,放置位置是另一个div带有idof 的dropArea(带有红色边框)。

如何获取drop 事件处理id程序place5 div中的 ?

function dragEventHandler(theEvent) {
  theEvent.dataTransfer.setData("Text", theEvent.target.id);
  // some code here.
}

function dropEventHandler(theEvent) {
  // how to get the id of div with id "place5" here?
}
Run Code Online (Sandbox Code Playgroud)
.mainArea {
  width: 200px;
  height: 100px;
  border-color: red;
  border-style: solid;
  border-width: 5px;
}

#place5 {
  background: green;
  height: 20px;
  width: 100px;
}
Run Code Online (Sandbox Code Playgroud)
<div id="dropArea" class="mainArea" ondrop="dropEventHandler(event);" ondragover="event.preventDefault();">
</div>
<div …
Run Code Online (Sandbox Code Playgroud)

javascript drag

4
推荐指数
1
解决办法
9017
查看次数

标签 统计

drag ×1

javascript ×1