jQuery Drop事件未触发
jQuery是一种流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果和Ajax交互等操作。Drop事件是jQuery中的一个事件，用于在元素被拖放到目标区域时触发。
如果jQuery Drop事件未触发，可能有以下几个可能的原因和解决方法：
- 检查事件绑定：确保Drop事件已正确绑定到目标元素上。可以使用.on()方法或直接使用.on("drop", function(){})来绑定Drop事件。
- 检查元素属性：确保目标元素的draggable属性设置为true，以允许元素被拖放。
- 检查事件冒泡：Drop事件只会在目标元素上触发，而不是在其父元素上触发。确保目标元素没有被其他元素包裹或嵌套，以避免事件冒泡的问题。
- 检查拖放操作：确保在拖放操作中正确设置了数据传输和目标区域。可以使用event.dataTransfer对象来传输数据，并使用event.preventDefault()方法来阻止默认的拖放行为。
- 检查浏览器兼容性：某些浏览器可能对拖放事件的支持不完全。可以使用jQuery的事件对象event.originalEvent来获取原生的事件对象，并检查其支持的属性和方法。
对于jQuery Drop事件的更多信息和使用示例，可以参考腾讯云的jQuery文档：jQuery文档
相关·内容
1回答
我试图将链接(.link)从一个div (.folder)移到另一个div(Div)，但是drop事件没有触发。我想我通过防止拖拽和拖拽事件中的默认行为，使得所有的.link div都成为可丢弃的区域。create folder button
// //Logic for drag and drop", function(e
浏览 11提问于2016-08-06得票数 0
回答已采纳
1回答
最终产品的外观和功能将如下所示：我正在使用jQuery UI。拖动事件正在按预期工作，但我还没有能够使拖放事件触发，我完全没有想法。.part1 {position:absolute;width:100px; z-index: 5; margin-top:15%; margin-left:57%;}
.drop1<script src="js/jqueryui/js/jquery.ui.touch-pun
浏览 0提问于2012-05-07得票数 3
我可以使用基本的javascript和html触发drop事件：<a href="#" title="Drag Me">Drag Me</a>
$('.drop<
浏览 3提问于2015-01-08得票数 4
2回答
我正在尝试实现从桌面到浏览器窗口的文件拖放.我已经使用jQuery将三个事件附加到HTML元素，如下面的代码所示： $});
$(this).removeClass('dragging');}
浏览 1提问于2013-10-07得票数 47
回答已采纳
1回答
', onDrop);牵引器和拖放事件触发并完美地工作。document.querySelector(`.dropzone[data-id="${id}"]`);};const onDrop = e => {
console.log("Drop</
浏览 2提问于2016-05-23得票数 1
回答已采纳
我想用jQuery来处理拖放HTML5的特性。在没有触发的drop事件之前，一切都是正常的。.addClass('over'); dragend: function() { }, alert('drop');});
我的警报没有被<e
浏览 0提问于2012-01-10得票数 1
回答已采纳
1回答
这个问题的变体已经被问过了，但是答案都是不同的，有点过时，对我来说不起作用，所以我希望这是我遗漏的jQuery中语法规则改变的问题。</div>$( "#theDroppable" ) drop: function( event, ui ) {小提琴：
上面创建了一个Droppable、一个Draggable和一个div，我想使用它们以某种方式触发与droppabl
浏览 1提问于2014-01-22得票数 5
回答已采纳
2回答
tinyMCE.dom.Event.add(@currentDoc, 'dragover', @dragStarted) files = event.dataTransfer.files @uploadSelectedFiles(files)
我取消了dragover事件，文件上传对大多数东西都有效，事件照常被触发。但是对于像这样的东西，跳过图像拖动-没有<
浏览 0提问于2011-07-28得票数 0
1回答
示例代码：$("#drop-box").on('drop', function (e) {
e.stopPropagation
浏览 1提问于2015-10-31得票数 2
因此，我在drop事件之后禁用了draggable to false。但是drop事件有时不会被触发，并且规则“在一个可拖放中只有一个元素被拖放”失败。<script src="//code.jquery.com/jquery-1.10.2.js"><
浏览 22提问于2016-07-22得票数 0
这是基本结构$(".div2" ).droppable({ tolerance: 'touch', alert('dropped');});
但上述情况不会触发
浏览 3提问于2012-04-11得票数 4
使用Onsenv1.3.8的最新版本，我无法为ons-back-button编写特定的jquery事件，如下所示。ons-back-button', function(e){});
但是，在较早的版本(如/* onsenui - v1.2.1 - 2014-12-01 */ )中，单击事件将被触发onsenui - v1.3.8 - 2015-07-27 */ (onsenui_all.js或onsenui.js)，j
浏览 1提问于2015-08-25得票数 3
回答已采纳
然而，不管我做什么，drop事件现在都不会被解雇，我也不知道为什么。ondragover:preventDefault style="background-color:green;color:white;width:200px;height:200px;"> { }
} 据我所知，这应该可以工作，拖动开始事
浏览 39提问于2019-12-21得票数 4
回答已采纳
1回答
$(document).ready(function(){ $('.drop_nav').toggleClass('dropped');
浏览 0提问于2016-06-30得票数 0
4回答
看起来drop事件并没有在我期望的时候触发。我误解了什么？$('.drop').on('drop dragdrop',function(){});
$('.drop').on('dragenter',fu
浏览 238提问于2014-01-25得票数 109
回答已采纳
当我将蓝色div拖到红色的div上时，我想触发drop事件，同时它所在的位置是“自由的”，在这个区域没有其他的红色div。屏幕将更好地描述它：丢弃时未触发： $('#droppable').droppable({ tolerance: 'pointer',
dropmaxc
浏览 20提问于2017-08-31得票数 0
回答已采纳
1回答
例如，如果我有一个拖放区域，它会在文件被拖放到它上面时触发文件上载，而另一个拖放区域会导致一个警告，说“错误的拖放区域！”突然冒出来。似乎在html5中只有一个称为drop事件的drop事件，而不管用户正在与哪个drop区域交互。我曾尝试使用jQuery提出一些解决方案--例如，在触发drop事件后立即检查鼠标悬停在哪个div上，但在测试它时效果不是很好。
谢谢!
浏览 1提问于2014-07-22得票数 0
但是如果我试图在画布之外删除UI元素，就不会得到任何事件。有人知道要在拖放中捕获指针释放事件(包括触摸和鼠标拖动)吗？
谢谢
浏览 2提问于2020-01-29得票数 0
1回答
在下面的应用程序中，drop方法从未调用过。丢弃目标(div2)由dragEnter和dragOver事件中的取消事件指示，但不触发丢弃。HTML和.dart如下： <title>Dandd</title></head><h1>Drag and <e
浏览 0提问于2012-12-22得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
