如何在处理drop事件时定位游标索引？
处理drop事件时定位游标索引可以通过以下步骤实现：
- 首先，确保在HTML元素上设置了
draggable属性，以便将其标记为可拖动的元素。 - 在拖动元素上注册
dragstart事件监听器，以便在拖动开始时获取游标索引。在事件处理程序中，可以使用event.dataTransfer.setData()方法将游标索引作为数据传递给拖动操作。 - 在目标元素上注册
dragover事件监听器，以便在拖动元素悬停在目标元素上时触发。在事件处理程序中，可以使用event.preventDefault()方法取消默认的拖放行为。 - 在目标元素上注册
drop事件监听器，以便在拖动元素释放时触发。在事件处理程序中，可以使用event.dataTransfer.getData()方法获取传递的游标索引。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.droptarget {
width: 200px;
height: 100px;
border: 1px solid black;
padding: 10px;
}
</style>
</head>
<body>
<div class="droptarget" ondragover="allowDrop(event)" ondrop="drop(event)"></div>
<script>
function allowDrop(event) {
event.preventDefault();
}
function drop(event) {
event.preventDefault();
var cursorIndex = event.dataTransfer.getData("cursorIndex");
console.log("游标索引：" + cursorIndex);
}
</script>
</body>
</html>在上述示例中，我们创建了一个可接受拖放的目标元素（class为droptarget）。通过在拖动元素上设置ondragstart事件监听器，我们可以在拖动开始时获取游标索引并将其作为数据传递给拖动操作。然后，我们在目标元素上设置ondragover和ondrop事件监听器，以便在拖动元素悬停和释放时触发相应的事件处理程序。在drop事件处理程序中，我们使用event.dataTransfer.getData()方法获取传递的游标索引，并进行相应的处理。
这是一个基本的示例，你可以根据具体的需求进行适当的修改和扩展。
相关·内容
由于某些原因，当我处理pasteEvent时，myTextArea.selectionStart工作得很好，但当我处理drop事件时，它就错了。如何将拖放事件的目标光标位置放入文本区？让我们假设文本区域的值不能更改(如示例中所示)。为了方便起见，我在示例中使用了jQuery；这不是问题的一部分。 $
浏览 8提问于2016-08-26得票数 4
回答已采纳
1回答
CursorLoader返回带有两个寄存器的游标，但是从来不调用适配器中的newView和bindView方法。
浏览 3提问于2015-09-21得票数 1
回答已采纳
我们的客户希望这种反馈以自定义游标的形式出现。
这已经实现了拖放，使用在GiveFeedback事件处理程序中设置的自定义游标(在将项目拖出应用程序时由DoDragDrop引发)。GiveFeedbackEventArgs允许我们指定UseDefaultCursors属性--将其设置为false允许我们重写游标。但是，DragOver事件处理程序参数(相当于GiveFeedback )没有UseDefaultCursors属性，从那里更改游标没有任何效
浏览 11提问于2011-05-30得票数 3
回答已采纳
在该对话框中，我有一个自定义的jQuery UI按钮，它允许我选择日历事件的事件类型。我正在使用div UI位置实用程序来绝对定位一个包含可用事件类型列表的jQuery，如您在图像中所见。当显示事件类型div时，任何长于可用空间的内容都会在对话框边缘下消失。如果它是一个iframe，或者如果绝对定位的父对象具有更高的z索引，我会预料到这一点。但是，jQuery UI对话框是一个简单的绝对定位的div，z索引<
浏览 0提问于2011-05-19得票数 6
回答已采纳
1回答
CREATE TRIGGER [Log_DDL_Changes]
FOR CREATE_INDEX, ALTER_INDEX, DROP_INDEX, CREATE_VIEW, ALTER_VIEW, DROP_VIEW,
CREATE_FUNCTION, ALTER_FUNCTION, DROP
浏览 0提问于2013-12-03得票数 2
回答已采纳
我希望输入字段只接受数字，因此，除其他技术外，如果输入字段中的结果不是正确的数字，我还防止了默认的drop事件。为了实现这一点，在IE中，我将重点放在要删除文本的字段中，搜索光标位置(字符索引)，然后从旧的值和拖动的文本中构造新值。如何在drop处理程序中获得字符索引？
浏览 10提问于2013-01-11得票数 2
回答已采纳
2回答
拖动时，我会创建一个缩略图，并将其放置在鼠标下方。这部分都可以工作，但是由于鼠标现在总是有缩略图在它下面，所以我不能在底层的拖放目标面板上得到鼠标输入/离开。我希望在拖动过程中使用这些事件突出显示拖放目标面板。
有没有一个我可以让缩略图不模糊这些事件的方法？我还能尝试什么来让它工作呢？
浏览 1提问于2010-09-17得票数 0
回答已采纳
当用户将指针悬停在具有特定名称的父节点的节点上时，我要求表单的游标更改为游标Cursors.Hand。在实现这一点时，我遇到的问题是，当用户将指针从所关心的TreeNode移开时，将光标更改回默认光标。我已经处理了TreeView控件的TreeView事件(如最后的代码片段)，以更改指向替代游标的指针，并在指针移动到另一个节点时返回到默认游标，但当用户将指针从节点移到TreeView控件的一个空白区
浏览 6提问于2020-02-20得票数 1
回答已采纳
1回答
游标不是列表中的相对位置(不是偏移量)；它是数据存储在启动索引扫描结果时可以跳转到的标记。如果查询的结果在游标的使用之间发生变化，则查询只会注意到在游标之后在结果中发生的更改。如果一个新结果出现在游标的查询位置之前，则在获取游标后的结果时不会返回该结果。类似地，如果实体不再是查询的结果，而是出现在游标之前，则光标之后出现的结果不会改变。如果从结果集中移除最后返回的结果，游标仍然知道如何定位下一个结果
浏览 5提问于2011-07-02得票数 3
回答已采纳
3回答
我在# .dropzone里面有一个回收站div，当元素被拖入其中时，可以使用.remove()删除它们(使用jquery ui、.droppable和.draggable类)： $('#trashanim').animate({opacity: '0'}, 'slow');});
(#trashanim是由drop事件触发的垃圾桶的
浏览 0提问于2016-06-07得票数 0
1回答
Qt删除文件\ mac os
、、、、
event->acceptProposedAction();{
qDebug() << "On Drop
浏览 1提问于2013-11-21得票数 1
回答已采纳
在GWT中，如何在拖动元素时获得"mouseUp“事件？
当我不移动光标时，我可以得到"mouseDown“和"mouseUp”，但是当我移动游标时，我就不再得到"mouseUp“事件了。我曾尝试将event.preventDefault();放在"mouseDown“和"mo
浏览 5提问于2012-10-04得票数 2
回答已采纳
1回答
我们已经将Delphi ()从BDE迁移到ADO，并且保留了所有的默认属性，并且在单元测试时也会出现问题。更新表时会出现此问题。googling搜索后，我们了解到有一些属性，如游标位置和游标类型，在使用ADO时非常重要。现在，我们非常困惑要使用的游标位置或游标类型。1)向用户显示记录的列表视图或DBGrid。3)有大量的插入、更新和删除。在通过之后，我们计划对
浏览 2提问于2017-04-19得票数 1
回答已采纳
我遇到的问题是，当光标位于蓝色矩形上时，不会触发DragEnter、DragLeave和Drop事件。蓝色的矩形似乎阻碍了事件进入橙色的矩形。这意味着用户必须精确地将光标定位在蓝色矩形之间，才能删除该项。我想要扩展掉的区域，包括整个橙色矩形，而仍然有蓝色矩形前面的橙色矩形。无论光标是否位于蓝色矩形上，如何在光标悬停时触发橙色矩形的DragEnter、DragLeave和Drop事件？
浏览 3提问于2013-03-22得票数 1
我发现在Chrome中，当我想放在最上面的div的父目录是固定的时，我不能将一个绝对定位的div放在另一个上面： <div id="top"></div><div id="bottom"></div>
您应该看到，在Chrome中，黄色的z索引为10的绝对定位div
浏览 2提问于2012-12-10得票数 6
回答已采纳
我有一个Postgres表，它包含许多索引，其中一些需要删除，因为它们是未使用的。要在不阻塞表的情况下做到这一点，我需要使用DROP INDEX CONCURRENTLY。我总共有10个索引要删除，由于我的迁移系统的设置，它必须对每个迁移进行一个完整的部署，这是一个大约45分钟的过程。理想情况下，我不希望在一个单独的迁移中执行每一个下降，但是仔细查看文档，我无法找到一个明确的声明，说明在同一张表上运行多个DROP INDEX CONCURRENTLYs是否安全。在文献资料 for CREATE INDEX CONCURRE
浏览 0提问于2022-11-15得票数 2
回答已采纳
我有一个固定定位的标题，其中有一个搜索框，并在它后面有一些内容(标题有更高的z索引)。我有一个事件处理程序，它处理搜索框上的“焦点”事件。问题是，当我在搜索框中单击时，此事件处理程序会触发，但单击也会通过标题传递到其后面的元素。我不想让点击通过。
浏览 0提问于2016-11-08得票数 2
1回答
当我将一个项目放到div中时，我希望alert('dropped');能够执行。drop事件处理程序似乎不起作用。dropme',}).droppable({ activeClass: 'highlight', $li.appendTo(thi
浏览 4提问于2016-03-17得票数 2
回答已采纳
3回答
如何在flutter中获取手指移动事件，如“在android中循环查看字母表索引”，请检查示例图像。我已经创建了一个定位的字母表索引列表视图，但在DragUpdate中找不到当前的索引。
浏览 2提问于2018-11-22得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
