css - 在 React 中更改不允许的拖动光标
问题描述
当我在draggable
设置为 true 的 react 中拖动图像时,我得到not-allowed
/ no-drop
cursor。我不知道如何用 CSS 来覆盖它。我处理阻力的方式onDragStart
是onDragEnd
。
解决方案
当我在处理我的一个 React 项目时,我遇到了同样的问题,所以我做了一些研究并测试了我发现的几种方法,但对我没有任何用处。您会看到有一个名为的属性DataTransfer.effectAllowed
指定允许进行拖动操作的效果,并且此 API 有一个限制,您可以在此处阅读 -
https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/effectAllowed
更改样式或附加 eventListener 将不起作用,您必须为此使用不同的后端。使用react-dnd
andreact-dnd-touch-backend
或react-dnd-html5-backend
npm 包作为自定义后端。
https://www.npmjs.com/package/react-dnd
https://www.npmjs.com/package/react-dnd-touch-backend
https://www.npmjs.com/package/react-dnd- html5-后端
推荐阅读
- php - 为什么json解码后不打印空值?
- c# - Parallel.Foreach 在两个 foreach 循环中
- python - 如何使用 PySerial 读取带有标头的字节数据
- mysql - 当我转到特定路线时,即使该路线不存在,也会呈现错误的 ejs 文件。节点
- javascript - React:将用户输入的表单数据添加到当前状态
- c - 在 C 上限制用户的类型长度
- zbar - 将基于条形码的单个pdf拆分为包含多个条形码的多个pdf
- python - 在Python中按值和键排序字典?
- xml - 如何让 xmllint 只返回 XML Element 属性?
- c# - 使用 C#.net 从 Sharepoint Online 下载文件?