如何在reactjs拖动事件中隐藏重影图像？

文章/答案/技术大牛

发布

2回答

javascript、html、css、reactjs

我想在拖动图像时发生拖动，但我不想显示鬼影图像。我使用了css "-webkit-user- drag :none"，但它完全阻止了拖动功能。我希望两者都能同时工作。

浏览 25提问于2017-08-16得票数 8

1回答

如何在使用CSS或JavaScript拖动img时删除重影图像？

javascript、jquery、css

">我想在用户拖动图像时更改.image-wrapper的位置，但我不希望在拖动图像时出现重影图像。试验和错误#1<div class="image-wrapper"> <img src="..." draggable="false"

浏览 84提问于2018-03-05得票数 1

回答已采纳

2回答

在Firefox中拖动元素时出现问题

javascript、jquery、html、firefox、drag-and-drop

有没有什么原因导致图片在火狐中不能拖动，即使当属性为draggable="true"的时候？我正在用JS设计一个图像交换脚本，但在Firefox中运行它时遇到了一些问题。虽然代码在Chrome、Edge和IE中运行良好，但当我尝试在Firefox中拖放图像时，浏览器似乎不允许我拖动图像(没有重影图像出现)，因此我的拖动事件不会触发或触发任何拖放

浏览 2提问于2016-12-31得票数 0

1回答

如何防止在<svg>中拖动<image>元素？

javascript、html、css、svg

它提供了自定义的拖放行为，可以在svg中到处拖动元素。但是，当我尝试拖动<image>标记时，本机浏览器的拖动行为开始起作用，此时您正在拖动图像的“重影”。我怎么才能阻止它？我尝试在CSS中设置user-select: none，这确实会阻止选择文本而不是拖动图像。我尝试设置HTML属性，但该属性在draggable="false"中无效。我甚至尝试取消ondrags

浏览 62提问于2021-09-14得票数 0

回答已采纳

6回答

如何删除拖动(重影)图像？

javascript、jquery、css

如何在拖动图像时删除重影图像。我们已经尝试过代码，它在Firefox和chrome中工作，但在Safari中不起作用。请任何人帮助我的代码的错误是什么。

浏览 40提问于2016-07-29得票数 12

2回答

防止在Firefox中拖动图像

javascript、html、css

我有一个与背景图像的链接，这是在旋转木马。问题是，每当用户拖动旋转木马时，图像都会被拖动，而不是在拖动时显示重影图像。这会导致轮播的拖动行为不一致。如何在Firefox中禁用图像拖动？在锚点标签上添加draggable="false"也不起作用在Firefox中运行下面的代码进行测试。尝试拖动图像并观察其行

浏览 0提问于2020-07-28得票数 0

1回答

如何在Android的按钮上放置拖拽事件？

android、android-widget、android-layout

在我的视图中，我想放置一个隐藏的按钮，而在这个隐藏的按钮之上，我想放置一个图像。每当用户拖动图像时，都应该调用按钮的拖动事件。有谁能建议如何做到这一点吗？因为Android中没有内置的拖动事件方法。

浏览 5提问于2011-03-04得票数 0

回答已采纳

3回答

有没有一种方法可以使用HTML5拖放API来控制“您正在拖动的内容”的外观？通常，任何可拖动的HTML元素都是半透明的，并跟随光标，直到您停止/拖放。我想控制它，这样我就可以从元素内的任何地方开始拖动，但是当你真正开始拖动时，我只能让一个小图像跟随光标，准确地说光标在哪里。一个实际的例子是:一个要拖动的东西的列表，每个都是一个小图像和一些文本，用于你要拖到它旁边的东西的名称。我希望能够在元素中的任何位置拖动图像</

浏览 0提问于2013-06-12得票数 23

回答已采纳

1回答

防止同一元素多次拖放的HTML5拖放功能

javascript、html

将图像从屏幕左侧拖动到右侧(标识为window1和window2。图像存储在一个数组中，并附加到一个隐藏的输入元素中，这样我就可以通过submit将它们发送到下一页。问题是，我只想让脚本检测window2中丢弃的内容，而不想要多个条目。如何检查我当前放置图像的位置？编辑:使用onmouseover事件来检查我当前悬停在哪个元素上是不是一个好主意？如果是这样的话，我将如何实现这一点？

浏览 1提问于2012-06-15得票数 0

1回答

为什么dragstart中的event.preventDefault()会中断执行更远的拖动事件？

javascript、jquery

我正在尝试拖动一个图像，为了停止浏览器的默认图像拖动，我使用了event.preventDefault()。但由于某些原因，它会中断更多事件的执行，如dragenter、dragover、dragend等。为什么会这样?如何在不中断正常拖动事件的情况下停止浏览器的默认功能？

浏览 0提问于2013-09-27得票数 4

1回答

如何在虚拟树视图中更改根节点的状态索引？

delphi、delphi-7、virtualtreeview、tvirtualstringtree

我在虚拟树视图的状态图像中分配了一个ImageList。如何更改根节点的stateindex？我什么也找不到。谢谢你的帮助。

浏览 2提问于2012-07-14得票数 2

回答已采纳

1回答

全日历-拖放-自定义

javascript、jquery、reactjs、fullcalendar、fullcalendar-scheduler

我喜欢保留拖放功能，以便将事件从一个资源更改为另一个资源。但是，是否有一种方法可以禁用水平拖动以更改时间？ PS:我需要水平拖拽禁用，用户甚至不能开始拖动<

浏览 4提问于2020-07-06得票数 4

2回答

单击DIV或其子对象时可拖动的Jquery

jquery、jquery-ui、jquery-ui-draggable、jquery-draggable

当鼠标单击div的子级并让它拖动父级时，是否可以启用拖动？在本例中，我试图让draggable同时适用于div和select。当您单击选择并尝试拖动时，什么也不会发生。

浏览 1提问于2013-03-22得票数 2

回答已采纳

2回答

用于拖放不同大小图像的容器

javascript、jquery、html、drag-and-drop

我想为不同大小的图像做一个容器，大小将是一个数字的倍数(例如: 25x25px 50x50px 75x50px等)我需要一些想法，我怎样才能为这些可拖动的图像制作一个可丢弃的容器。我不想让图像一张一张地放在一起，或者从容器里滚出来。(我不知道我用的是不是很好的词，所以如果你不明白，请查看这个：)如果有人有任何想法或演示，那就太好了。:) 谢谢你的帮忙!

浏览 0提问于2013-02-10得票数 0

2回答

Firefox拖放-缺少重影图像

javascript、html、firefox

在Chrome / Safari中，重影图像是由被拖动的HTML生成的，但由于某些原因，在Firefox中它似乎根本不会出现。draggable="false"></div> </div> jQuery dragstart事件</e

浏览 0提问于2013-04-10得票数 3

回答已采纳

1回答

如何对SVG事件做出反应？

react-native、svg、dom-events

对问题的前奏：此外，还不支持事件

浏览 1提问于2016-06-17得票数 1

2回答

HTML5拖放-如何删除IE上的默认重影图像

javascript、html

我已经在我的app中实现了HTML5的拖放接口，当用户拖拽一个项目时，我需要禁用默认的ghost图像。这些项目不是图像，而是表格中的行，如下所示： <tr draggable droppable ><td></td></tr>

浏览 0提问于2016-05-03得票数 2

1回答

将图像拖放到画布(FabricJS)

javascript、fabricjs

问题摘要基本上，我希望能够拖放图像通过画布，同时保持鼠标光标的位置。例如，如果我拖动和图像，光标在x: 50，y: 75，它会把图像放在那个确切的位置。就像我找到的代码一样。但是，就像前面提到的问题一样，代码使用对象将其拖到画布上，然后复制它。ca

浏览 2提问于2015-08-13得票数 3

1回答

Flex中的拖动管理器-如何摆脱红十字会？

apache-flex、drag-and-drop

当拖动一个对象时，我可以看到一个红色的小图标，如果图片不能放在这个地方(如果不匹配，也不能放)。当然，在游戏的情况下，我不想让用户立即知道他可以把图片放在哪里……有什么方法可以去掉这个指标吗？

浏览 0提问于2011-03-29得票数 0

回答已采纳

1回答

WordPress中的旋转木马问题(Storefront主题)

javascript、css、wordpress、woocommerce、swiper

我正在使用Woocommerce店面主题为我的商店，我的目标是添加简单，拖拽与图像旋转木马。我试着用Swiper库做到这一点，当我用纯html、css和js测试我的代码时，一切都运行得很好。然而，当我将我的代码放在functions.php的Storefront钩子中时，carousel不起作用。我尝试了另一个转盘库- Embla，但问题仍然存在。旋转木马显示正确，但不可能移动幻灯片(幻灯片在单击和移动鼠标事件期间拖动，但在移动设备上实现鼠标单击或触摸后，它会弹回起始位置)。您可以在此处实时查看问题(橙色按钮下的旋转木马，

浏览 4提问于2021-04-25得票数 0

点击加载更多