在react project html 5中，拖放在浏览器上有效，但在移动屏幕上无效。
在React项目中，使用HTML5的拖放功能可以在桌面浏览器上有效地实现拖放操作，但在移动屏幕上可能无效。这是因为移动设备的触摸事件和桌面浏览器的鼠标事件有所不同，导致拖放功能在移动屏幕上无法正常工作。
要在移动屏幕上实现拖放功能，可以使用移动端特定的触摸事件，如touchstart、touchmove和touchend等。通过监听这些触摸事件，可以实现类似拖放的效果。
在React中，可以使用第三方库来处理移动端的拖放操作，例如react-dnd-touch-backend。这个库是基于React DnD的一个扩展，专门用于处理移动端的拖放操作。它提供了与React DnD相似的API，可以方便地在移动屏幕上实现拖放功能。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）
- 腾讯云移动推送（https://cloud.tencent.com/product/tpns）
- 腾讯云移动直播（https://cloud.tencent.com/product/mlvb）
- 腾讯云移动分析（https://cloud.tencent.com/product/mta）
- 腾讯云移动测试（https://cloud.tencent.com/product/mst）
相关·内容
我用react和redux创建了一个可拖拽的任务管理器应用程序，我使用html5来拖放，没有第三方库。它在pc上运行良好，但在手机和平板电脑上不能运行
浏览 22提问于2019-07-15得票数 0
3回答
如何进口webpack创作的包？
、、、、
我有一个Project1，它是通过webpack捆绑的。我的要求是将这个bundle.js放在CDN上，这样我就可以在Project2中使用在Project 1中导出的模块。/src/Hello.jsx";
<div id="roo
浏览 4提问于2017-03-22得票数 10
回答已采纳
我想存储直到需要才呈现的html，或者存储在一个标签中，这个标签可以保存原始html代码，而不会在页面加载时呈现它，或者将其存储在php或jquery变量中，以供以后使用。然后，我希望能够插入的html到DOM的按钮点击，并有它的渲染。我尝试将其存储在xmp标记中，因为它可以存储带有<和>字符的html代码，而不使用字符代码，但是当尝试将其插入到DOM中时，更新后的源代码显示它已被复制，但无法在屏幕上呈现
浏览 1提问于2012-08-20得票数 0
回答已采纳
我正在冒险进入HTML5和JavaScript，但我真的希望能有一些关于如何实现以下目标的建议:我正在尝试帮助能力/移动有限的用户选择和播放视频(在windows桌面计算机上的web浏览器中)，只需将鼠标光标放在视频上-这将是通过使用物理鼠标，点击视频(有效地将光标放在视频上)或通过EyeGaze (眼球跟踪)类型的系统。本质上，我希望有两个或四个视频缩略图(约。600x400维度-大到足以给用户提供因果体
浏览 0提问于2018-12-04得票数 0
我用一个简单的html表为UI创建了一个可拖/可放的测试页面，它在所有浏览器中都工作得很好。我应用了类似于ASP.NET页面的东西，但它在火狐或Safari中不能正常显示。在Chrome和IE中，一切都和预期一样。拖放中的函数将信息从被拖放的列复制到被拖放的列。这个功能在Firefox和Safari中仍然有效，但是当我拖动列标题时，我看不到屏幕上的移动，它只是停留在原地(即使在Firebug中，我可以看到它的坐标随着我的鼠标
浏览 2提问于2011-06-29得票数 1
回答已采纳
2回答
我正在尝试通过java脚本获取SVG中矩形的屏幕像素坐标。单击矩形后，我可以用getBBox()计算出它的宽、高、x和y位置。
但这些位置是原始位置。我想知道屏幕的位置。例如，如果我操作整个SVG的viewBox，这些getBBox坐标与屏幕像素并不相同。考虑到当前的viewBox和svg元素的像素大小，有没有一个函数或方法可以获得坐标？
浏览 5提问于2011-04-29得票数 16
回答已采纳
1回答
基本上，当您的笔画宽度=1 rem时，浏览器获取根字体大小并将其乘以屏幕密度比，如下所示：ratio: 1svg stroke在移动设备上，这一比例更高，因此：html font size: 14pxeffective pixelst
浏览 3提问于2019-12-30得票数 0
回答已采纳
2回答
我在网页上使用alertify.js给出用户错误警告，如“无效密码”等。但是当使用移动浏览器时，我想在他们的屏幕顶部而不是页面顶部显示警报。即使在打开键盘的上方也可以。在CSS中，有人知道该怎么做吗？ top: 10px;}
编辑：键盘实际上</
浏览 1提问于2014-12-23得票数 3
回答已采纳
1回答
过去，我在Android (Java)和iOS (ObjC和Swift)上都做了很多本地移动开发。对于与服务器连接的应用程序，我必须正确处理的一个问题是在应用程序发出HTTP请求后调用的回调。是的，乍一看，这似乎是合理的，但在具有多个活动或ViewControllers的应用程序中，存在一个大问题--如果用户在请求后但在响应返回之前离开屏幕会发生什么？如果用户离开屏幕导航，屏幕的适当生命周期方法将在屏幕中注销侦听器&
浏览 1提问于2020-07-06得票数 0
回答已采纳
3回答
我已经为一个网站编写了一些HTML和CSS，以及一些媒体查询，以便在屏幕缩小时重新格式化代码。当我缩小浏览器窗口的大小时，这在浏览器上有效，但在移动设备上不起作用。有人能想到为什么吗？我看过类似的问题，因此增加了“屏幕和”，但这并没有解决这个问题。
更新:我正在测试像素7上的代码。当将浏览器调整到与我的手机相同的宽度时，它工作得很完美。我已经确保我的手机宽度确实低于500便士。为了澄清，这段代码在<
浏览 7提问于2022-11-01得票数 -1
我试图为移动safari bug找到一些解决办法：
如果我有焦点输入，然后隐藏键盘，所有窗口的定位都会偏离渲染位置。我连接了iphone进行调试，我可以看到浏览器认为输入不放在它呈现的位置。我
浏览 2提问于2017-03-17得票数 1
回答已采纳
$.ajax({dataType: 'html', var xml = $.parseXML(name);这在Dreamweaver中有效，但在<
浏览 0提问于2013-04-23得票数 1
回答已采纳
1回答
如何停止旋转iPad拍摄的图片？
、、、、
我把它们放在不同的方向(将iPad每次旋转90度)。然后我把它们下载到我的Windows笔记本电脑上，我看到了什么？我在iPad的屏幕上看不到它们。实际上，只有一个有效的图像。其他的则是旋转的。我在浏览器(FF & Chrome)中发现了这个问题。当你使用img html标签显示图像时，它是旋转的。但是如果你通过输入图片的完整URL来显示它，这是完全可以的。我在iPad上通
浏览 0提问于2014-02-21得票数 0
$(this).css({ "font": "bold 20px verdana", });<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></sc
浏览 4提问于2011-08-16得票数 1
回答已采纳
在我的mac上的firefox/chrome/safari中，panel1呈现在panel2之上。但在我的windows机器上的firefox/chrome上，它在下面渲染。我希望将panel1直接放在panel2上。正确的方法是什么？<html>
</head>
<!style=
浏览 5提问于2010-08-02得票数 1
回答已采纳
说明:我正在使用React + React的传单，其页眉+主页脚的宽度为100%，所有的内容都在一个父div主体的宽度和高度上100%显示flex和in column。在我的主页(在display flex中)，我的宣传单卡片的宽度和高度分别为100%和100%，它必须占据主页面和页脚之间的所有空间。我试着把页眉7vh，主85vh和页脚8vh (100vh)放在桌面+一些iphone中，这是可以的，但在android上页脚是隐藏的，因为浏览器栏占据了android的<e
浏览 14提问于2021-03-29得票数 0
回答已采纳
我试图运行一个带有React "render“方法的简单代码块，但是浏览器没有显示文本。import React from 'react';
ReactDOM.render(<h1>Hello World</h1>,document.getElementById在package.json文件中设置"type:module“解决
浏览 5提问于2020-06-12得票数 7
我的应用程序运行良好，唯一奇怪的是，每当我不在主页上时，我就会在网络控制台中收到404错误消息(我的内容仍然加载，我的应用程序运行得很好，但我只收到了这条消息)。正因为如此，例如，当我把我的链接放在powerpoint中，有人点击它时，它就不能工作了。
Localhost我用react-router-dom来处理我的路线。这是我的代码：
import { BrowserRouter, Route, Switch } from "react-router
浏览 3提问于2020-07-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
