HTML/JS拖放内容在笔记本电脑版本中有效，但在移动视图中不起作用
HTML/JS拖放内容在笔记本电脑版本中有效，但在移动视图中不起作用的原因是移动设备的触摸屏幕不支持鼠标事件。在移动设备上，用户通过触摸屏幕来进行操作，而不是通过鼠标来拖放元素。
为了在移动设备上实现拖放功能，可以使用触摸事件来替代鼠标事件。以下是一些常用的触摸事件：
- touchstart：当手指触摸屏幕时触发。
- touchmove：当手指在屏幕上滑动时触发。
- touchend：当手指离开屏幕时触发。
要在移动设备上实现拖放功能，可以通过监听触摸事件来实现。具体的实现方式可以使用HTML5的拖放API或者使用第三方库，如jQuery UI等。
在移动设备上实现拖放功能的应用场景包括：
- 移动应用程序：在移动应用程序中，可以使用拖放功能来实现元素的重新排序、拖拽文件上传等功能。
- 移动游戏：在移动游戏中，可以使用拖放功能来实现元素的拖动、放置等交互操作。
- 移动网页：在移动网页中，可以使用拖放功能来实现元素的拖动、放置等交互操作。
腾讯云提供了一系列的移动开发解决方案，包括移动应用开发、移动游戏开发等。您可以参考腾讯云移动开发产品文档来了解更多相关信息：
请注意，以上答案仅供参考，具体的实现方式和推荐的产品可能因实际需求和场景而有所不同。
相关·内容
我有这个内容拖放脚本，我用它在执行时将一些值提交到php页面。它的工作方式就像系统上的charm，但当我在移动设备中打开页面时，它确实被拖拽了。代码为：：<head>/* Event fired on the drag target */ event.dataTransfer.setDataevent)" ondragover=
浏览 12提问于2017-02-18得票数 0
回答已采纳
我正在尝试在一个ASP.NET MVC实践项目中使用JQuery，但是site.js文件不工作或者包含在html页面中。如果我用html在脚本标记中编写JQuery代码，那么它工作得很好，即使我已经包含了一些其他文件，如Bootstrap和site.css，它们也只对site.js文件有问题。Site.js alert("Hello 1");
浏览 0提问于2017-11-15得票数 0
我有真正的V4版本的Pingendo (不是测试版)。问题：2)有没有办法在面板中添加引用Bootstrap组件的图标？
浏览 17提问于2016-09-08得票数 0
回答已采纳
1回答
我必须在容器中渲染任意大小的图像，这是视口的90 %。视口也可以有任何大小，移动，平板电脑，桌面，景观，肖像等。我必须在容器中渲染图像，保持高宽比，但在容器中适合，即。图像的高度或宽度将与容器相同。解决办法应该是
轻量级，没有引导和jQuery可以使用(zepto.js是好的)没有css背景图像可以使用，因为所有的图像都有一个jpg和一个webp版本，并且在真实的页面上将使用图片源- img HTML</em
浏览 7提问于2022-02-21得票数 0
我在64位Windows10Home上使用Eclipse IDE for PHP Developers version2020-06(包括孵化组件) (4.16.0)，它是使用的Windows64位安装文件安装的有没有办法让.js文件中的任务标记(如TODO)显示在Tasks视图中？在这个版本的Eclipse中，任务筛选器甚至不会将" JavaScript“列为选项，并且首选项中也没有JavaScript设置。任务标签在.html</
浏览 14提问于2020-06-20得票数 0
我想开发一个web应用程序，也想支持移动web应用程序，我可以使用Ruby on rails吗？如果是我计划在视图部分使用Jquery Mobile for mobile web app？请帮帮我。
浏览 0提问于2012-01-08得票数 4
回答已采纳
2回答
使HTML响应视口
、、、、
我已经创建了我的第一个网页，并使用ScrollMagic.js实现了视差/分割滚动从这个答案中，我发现视差在移动视图中通常不起作用。当到达某个视口时，
浏览 20提问于2019-07-16得票数 1
1回答
使用画布
、、
我想将画布添加到我的Worklight项目中。我试图将标记和JavaScript添加到我的项目中，它没有显示错误，但是当我构建并运行到我的设备时，它说：
<div data-role="page" id="thiscanvas">
浏览 5提问于2013-08-01得票数 0
我已经在互联网上搜索了很长时间，现在正在寻找解决方案……在不让开发人员在HTML中分配ID的情况下，可能的解决方法是什
浏览 0提问于2015-03-02得票数 1
2回答
当我进入移动版本时，所有的东西都会放大。如果我没有设置视口并插入：内容符合我想要的方式，在我的安卓宏达一m9。我运行了一个“是我的网站移动友好测试”，它说它不是移动友好，因为我没有设置视口和内容不适合屏幕，在我的手机，但在这些网站上的图片
浏览 3提问于2017-01-22得票数 0
回答已采纳
我正在尝试做一个功能，用户在一个文本框中键入，当你键入时会产生建议(就像Google Instant)，然后这些建议可以被拖到页面上的框中。一切都很好，直到我发现触摸屏移动设备不能使用HTML5拖放和拖动。我试着用jquery来解决这个问题，但是进展并不顺利。
下面的代码显示了一个可拖动的图像，它适用于触摸屏和鼠标。','js/ui.js','js/touch.js'
浏览 1提问于2012-09-03得票数 1
回答已采纳
你能让我知道这是否可以用html/jscript而不是本地应用程序(ios，Android，windows)来实现？欢迎任何其他库的建议，使其更容易构建，因为我不是一个有经验的web开发人员。·面向移动设备·能够将对象(例如矩形)添加到“画布”并拖放它。
·能够在拖动操作期间了解对象相对于画布的坐标。
浏览 2提问于2012-08-06得票数 0
回答已采纳
我有一个正常工作的AngularJS应用程序，但是构建版本(Grunt，uglify)在我的所有视图中多次显示这个错误：在此错误发生后，在其他视图中我不知道该发布哪种代码( app.min
浏览 3提问于2017-06-12得票数 0
我已经用我想要的内容替换了大部分东西(还需要调整一些颜色)。另外，有没有可能使用javascript将移动设备的logo更改为较小的尺寸？我玩过一些东西，但我的尝试并不成功。span class="icon-bar"></span>
<&#x
浏览 0提问于2014-07-22得票数 0
1回答
我创建了一些简单的.swf对象(Actionscript 2)，并将其包装在Ruffle中：
<!DOCTYPE html><head> <meta name="viewport" content="initial-scale"></script>
我可以用FF和Chrome在PC&#
浏览 6提问于2021-07-13得票数 4
回答已采纳
我知道typeahead.js还不支持移动。这种类型的行为是否在任何地方都有文档记录，或者是否为iOS所熟知？添加:我向.tt-suggestion添加了jquer
浏览 1提问于2014-03-26得票数 2
回答已采纳
1回答
放大Bootstrap手机
、、、、
当我访问我的移动设备(HTC X8)的网站时，我注意到它并没有真正放大到它看起来好的地方。就像你在浏览器中缩小尺寸时的样子。我真的很感激你在这方面的任何帮助。
浏览 3提问于2013-12-03得票数 4
回答已采纳
我的视图中有多个<div>，我希望在页面首次加载时显示第一个div的内容。我正在尝试使用fadeIn，但即使在使用:first选择器之后，视图也会显示div中的所有内容。$(".section:first").fadeIn();<form action="~
浏览 0提问于2015-01-29得票数 0
我希望内容的左边缘与导航栏中品牌的左边缘对齐。
我看到.columns在全宽时添加了填充，但在移动宽度时这一点就消失了。我可能希望这是另一种方式？
我如何修复我的HTML，使导航栏和内容始终完美对齐？当视区处于移动宽度时，我不希望内容停留在屏幕的左边缘。使
浏览 15提问于2018-08-24得票数 3
回答已采纳
6回答
页面在。请检查消息来源，看看我可能做错了什么。
它在Chrome上运行得很好，但在firefox上就不行了。我忘了进口什么了吗？(编辑:当我说它不起作用时，我的意思是左边的菜单是不可点击的，而javascript函数getCard()；它应该在开始时被调用。)
浏览 10提问于2014-10-24得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
