如何将拖拽的项目放在原来的屏幕位置？
将拖拽的项目放回原来的屏幕位置可以通过以下步骤实现：
- 监听拖拽事件：在前端开发中，可以使用HTML5的Drag and Drop API或者JavaScript库（如jQuery UI）来实现拖拽功能。通过监听拖拽事件，可以获取拖拽元素的位置信息。
- 记录原始位置：在开始拖拽时，记录拖拽元素的原始位置信息，包括坐标（如鼠标点击位置或触摸位置）和元素的初始偏移量。
- 更新位置信息：在拖拽过程中，根据鼠标移动或触摸移动的距离，更新拖拽元素的位置信息。可以使用CSS的transform属性或JavaScript的style属性来实时更新元素的位置。
- 判断放置位置：在拖拽结束时，判断拖拽元素是否在原始位置附近。可以通过计算拖拽元素的位置与原始位置的距离来判断是否在合理的范围内。
- 还原位置：如果拖拽元素在原始位置附近，将其还原到原始位置；否则，将其放置到其他位置。
需要注意的是，以上步骤是一个基本的实现思路，具体的实现方式和代码会根据具体的前端开发框架和需求而有所不同。
关于拖拽功能的实现，腾讯云提供了一些适用的产品和服务，如腾讯云移动应用开发套件（https://cloud.tencent.com/product/mad）、腾讯云小程序开发套件（https://cloud.tencent.com/product/wxapp）、腾讯云Web开发套件（https://cloud.tencent.com/product/webdev）等，可以根据具体需求选择相应的产品和服务进行开发。
相关·内容
1回答
在这个拖放过程中，我希望将拖动的HTML元素放在鼠标离开的位置，但当前它将控件放在最左上角。我将元素放在拖放目标的目录中，我还没有代码可以展示，因为我还不知道如何做到这一点，如何在拖动操作结束时获得坐标，并在最终的拖动目录中的相同坐标中插入HTML元素。
HTML应该留在那里，而不是转到最左上角：我的代码如下所示：
<s
浏览 26提问于2021-06-13得票数 0
我使用的是jQuery UI；可拖动的调用方式如下： revert它看起来像是在你拖拽的时候创建了一个透明的克隆，但是当你拖拽它的时候，它会把可拖拽的div放在正确的位置，但是会把原来的di
浏览 0提问于2010-06-07得票数 1
回答已采纳
1回答
我试图做一个真正的基本游戏，你可以把颜色的名称到颜色框(以帮助学习可下垂和拖拽)。
谢谢你的帮助。好的，我可以在你进入一个盒子后禁用这个投递箱。但是，如果你决定改变主意，我需要重置。如何将颜色名称重新设置到原来<em
浏览 2提问于2010-09-09得票数 2
回答已采纳
1回答
我正在用KindleFire 2.0做一个应用程序，在我的活动中，我以全屏模式显示应用程序。但我仍然可以看到软式菜单栏。有什么方法可以隐藏菜单栏吗？请让我知道。
浏览 5提问于2012-10-01得票数 1
2回答
我正在寻找解决方案拖拽N下的项目(图片，文本等)。我需要一些东西，也将给出的位置坐标的项目被放在屏幕上，保存，以后可以放置在那个确切的位置。我正在寻找类似以下内容的最终结果：卡布奇诺- 对这两种解决方案还有什么其他想法，如果他们知道任何其他值得一看的想法？
浏览 0提问于2011-07-26得票数 1
我已经实现了拖放，但问题出在用户释放拖拽之后。被拖拽的演员从屏幕上消失了。如何将执行元移动到它的新位置或返回到它的位置，如果它没有被放在正确的位置？
谢谢你的回答。
浏览 1提问于2014-08-07得票数 0
2回答
我正在尝试使用JS拖拽一个家族树上的节点。但是，节点将拖动，但不会放在放置它们的位置。它们会回到原来的位置。 <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div&g
浏览 3提问于2013-04-30得票数 0
回答已采纳
1回答
拖放后保留三行布局的问题
、、、
我想在ul中创建一个由一些li元素组成的行，所以我使用了jQuery1.9.1和jquery ui。一切工作正常，但是有些事情和我预期的不一样。事实上，当你尝试拖拽"Container 4“并将其放在"Container 3”的位置时，网格会发生变化，由四行组成。有什么想法吗？
浏览 4提问于2013-05-13得票数 2
我在网格布局中构建了一个项目拖放功能(使用的是cdk)。目前，我只是拖拽和改变这些项目之间的位置，不能拖放到没有项目的位置(它找不到dropIndex，所以不能将它拖到没有项目的位置)。有人能帮我找到一个可以拖放在网格中任何位置的解决方案吗？
演示：
浏览 4提问于2022-10-04得票数 0
回答已采纳
我有一个带有大textArea的桌面视图，它可以滚动，每当我将屏幕向下拖动一英寸左右并松开时，它就会“弹回”到原来的位置。我想让它留在我拖拽它的地方。然后，如果我拖动它大约3次或更多，它就会停留在那个位置。如果我点击它，它就会“跳”到一页文本的前面。奇怪的行为，我不确定如何让它正常。
我已经尝试禁用退回选项，但这并没有改变行为。
浏览 0提问于2012-02-27得票数 1
回答已采纳
1回答
我不确定我是否以正确的方式处理这个问题，并希望从友好的SO社区那里得到一些建议。基本上，我想得到一个效果，就像一个滑动菜单从屏幕的左边出来，但我希望菜单和主屏幕共享相同的背景。所以当菜单出来的时候，它只是把主要的内容推到右边，但是它们有着相同的背景。
我试过使用ViewPager，将菜单放在0位置，主内容放在位置1。它看起来很好，除非我不知道如何阻止ViewPag
浏览 1提问于2013-09-16得票数 1
回答已采纳
我创建了新的Xcode单视图项目。在接口构建器中，我添加了一个UIScrollView来覆盖完整的视图。在这个滚动视图上，我添加了一个UITextField。在这样做之后，它给了我预期的行为，在编辑开始时将文本字段直接放在键盘上方，如下面的屏幕截图所示：
现在，在调用[textfield endEditing:YES]之后，键盘会隐藏自己，但是textfield不会返回到原来的位置。它返回到它原来的</
浏览 2提问于2015-11-18得票数 1
回答已采纳
我需要打开第二个表单，并将其放在打开的第一个表单上的特定位置。
解释:我在原来的表单中添加了一个面板，当我在它上放置控件时，我收到一条消息，我不能再添加任何控件。所以..。有一个现有的面板，我需要用第二个表单来掩盖，即使原来的表单被拖动在屏幕上，它仍然被覆盖。第二种形式将涵盖它，但我需要知道如何将它与第一种形式联系起来。我能找到的唯一参考是如何在屏幕上定位它，而不是另一种形式。
浏览 0提问于2016-11-28得票数 1
回答已采纳
1回答
使用jQuery，如何将一个对象拖到容器中，将其注册为事件，并保留原来的拖动项。这很难解释，所以我能给出的最好的例子是一个有工作示例的站点：
有一个无序的图像列表，这些图像都是以可拖放的方式注册的</e
浏览 3提问于2014-10-09得票数 2
回答已采纳
我的问题是拖拽地图是非常不稳定的。我不知道是否或者如何使用requestAnimation frame，因为据我所知它不是一个动画？到目前为止，我已经对其进行了优化: 1)缩小时，不会绘制不必要的细节；2)放大时，不会绘制视口外的可绘制项目。
(除了画布绘图，我使用的是JQuery )。目前，当用户触发onmousedown时，每个mousemove事件都会重新绘制画布，因此拖动地图，即更改用户在视口中看到的内容。我希望我已经提供了足够的</e
浏览 2提问于2012-10-05得票数 1
回答已采纳
1回答
我的一个特殊困境是，我希望能够获得拖拽手势的初始位置。根据拖动手势的初始位置，应用程序将1)平移视图或2)显示菜单，但不同时执行这些手势(这是斗争的一部分)。例如，如果用户从屏幕的最左侧开始拖动并向内拖动，则会弹出一个菜单，而不是视图平移。
我也希望能够在不激活点击手势的情况下执行双击手势，如果可能的话。我试过使用TouchCollection --如果有人想让我详细说明我的问题，我可以，但现在我要
浏览 2提问于2014-11-18得票数 0
1回答
我一直在尝试在pygame中创建一个移动的背景(由箭头键控制)。我的问题是，当图像通过窗口的边界时，它会产生拖动效果。所有结束像素都分布在窗口的其余部分。这是我的动作： if activate == True: left =x+=1 right = False bg2x+=1
浏览 0提问于2017-06-13得票数 1
2回答
我希望在屏幕底部加载一个div，但是当用户向下滚动时，我希望div保持在它加载的原始位置(在屏幕底部没有固定)，但是继续向上滚动，就像其他内容一样。
浏览 2提问于2015-01-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
