拖放元素后，JavaScript中哪个事件发生？
该ondrop事件触发时，拖动的元素被丢弃的目标。您可以尝试运行以下代码以了解如何在JavaScript中实现ondrop事件-
示例
<!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中哪个事件发生？的使用技巧和注意事项，需要的朋友参考一下 当拖动的元素位于放置目标上方时，会触发ondragover事件。 示例 您可以尝试运行以下代码以了解如何在JavaScript中实现ondragover事件-
-
我有一个应用程序，我正在做html5拖放分类，所以用户可以选择分类并移动到他想要的地方。 一切都很好，但有时类别列表很大，如果用户需要将其向下移动，他们希望使用鼠标滚轮滚动，但问题是拖动启动后不会触发此事件。 注：是的，如果光标移到底部，浏览器将滚动，但在我的应用程序中，用户体验很重要，因为有时他们会对50个类别进行排序，这需要很多时间 下面是示例代码，若您开始拖动div并在鼠标上滚动滚轮，那个么
-
我试图使用Selenium的Action类将JQuery嵌套可排序列表中的源元素拖放到另一个元素。我使用了标准的dragAndDrop方法，并将其分解为clickAndHold、moveToElement和release，但这两种方法都不适用。我甚至尝试使用源元素内部的子元素来拖动，但结果是一样的。 当我运行脚本时，测试返回为已通过，因此我知道正在找到元素，并且选择器有效。Selenium认为拖放
-
我正在使用本机拖放html5 api开发拖放界面。我们已经在其他部分使用了jQuery拖动，但是它在这个特定部分的表现很差，所以我们使用原始的JavaScript。 本质上，标记看起来像这样... 我为“dragstart”创建一个addEventListener并运行以下函数 它将我的类完美地应用于原始元素，但我似乎不能移动原始元素。浏览器创建克隆/幽灵图像...我看到你可以创建自己的图像显示，
-
我正在使用硒网络驱动程序，其中我正在尝试拖放表格的一列。但是一旦我拖放该列，我就得到一个错误“元素不再附加到DOM”。下面是我用于拖放元素的代码
-
拖放（Drag’n’Drop）是一个很赞的界面解决方案。取某件东西并将其拖放是执行许多东西的一种简单明了的方式，从复制和移动文档（如在文件管理器中）到订购（将物品放入购物车）。 在现代 HTML 标准中有一个 关于拖放的部分，其中包含了例如 dragstart 和 dragend 等特殊事件。 这些事件使我们能够支持特殊类型的拖放，例如处理从 OS 文件管理器中拖动文件，并将其拖放到浏览器窗口中。