当拖动的元素位于目标上方时，JavaScript中哪个事件发生？
当拖动的元素位于放置目标上方时，会触发ondragover事件。
示例
您可以尝试运行以下代码以了解如何在JavaScript中实现ondragover事件-
<!DOCTYPE HTML>
<html>
<head>
<style>
.drag {
float: left;
width: 100px;
height: 35px;
border: 2px dashed #876587;
margin: 15px;
padding: 10px;
}
</style>
</head>
<body>
<div class="drag" ondrop="drop(event)" ondragover="dropNow(event)">
<p ondragstart="dragStart(event)" ondragend="dragEnd(event)" draggable="true" id="dragtarget">Drag!</p>
</div>
<div class="drag" ondrop="drop(event)" ondragover="dropNow(event)"></div>
<div id="box"></div>
<p>Drag the left box to the right or drag the right box to the left.</p>
<script>
function dragStart(event) {
event.dataTransfer.setData("Text", event.target.id);
}
function dropNow(event) {
event.preventDefault();
}
function dragEnd(event) {
document.getElementById("box").innerHTML = "拖完了！";
}
function drop(event) {
event.preventDefault();
var data = event.dataTransfer.getData("Text");
event.target.appendChild(document.getElementById(data));
document.getElementById("box").innerHTML = "元素成功删除！";
}
</script>
</body>
</html>
-
本文向大家介绍拖放元素后，JavaScript中哪个事件发生？，包括了拖放元素后，JavaScript中哪个事件发生？的使用技巧和注意事项，需要的朋友参考一下 该ondrop事件触发时，拖动的元素被丢弃的目标。您可以尝试运行以下代码以了解如何在JavaScript中实现ondrop事件- 示例
-
我有以下HTML结构，并将dragenter和dragleave事件附加到
-
我在做拖放。我正在将一些按钮从一个VBox拖动到另一个VBbox。我现在看到的是，只有当鼠标光标进入目标的边界时，才会触发OnDragEnter事件。 我的问题是：当源按钮边框与目标列表边框重叠时，如何触发拖动事件（或其他事件）？ 非常感谢你
-
问题内容： 总览 我具有以下HTML结构，并且将和事件附加到了元素上。 问题 当我将文件拖到时，事件将按预期触发。但是，当我将鼠标移到子元素（例如）上时，会为该元素触发该事件，然后为该元素触发该事件。 如果我再次将鼠标悬停在该元素上，则再次触发该事件，这很酷，但是随后为刚刚剩下的子元素触发了该事件，因此执行了该指令，这并不酷。 此行为有问题的原因有两个： 我只附加＆，所以我不明白为什么子元素也要附
-
问题内容： 假设我将一个函数附加到HTML输入框，如下所示： 有没有一种方法可以获取导致事件触发的元素（在该元素中被单击）在该函数内部的ID ？怎么样？ 例如，假设我的跨度是这样的： 如果在输入元素具有焦点之后立即单击范围，则输入元素将失去其焦点。函数如何知道它是被单击的？ PS：如果跨度的onclick事件发生在输入元素的onblur事件之前，那么我的问题将得到解决，因为我可以设置一些状态值来指