阻止嵌入式SVG在Chrome上捕获鼠标事件

文章/答案/技术大牛

发布

1回答

javascript、html、google-chrome、svg、pointer-events

我通过<object>在文档中嵌入了一个SVG，并且我在根<svg>的样式中应用了pointer-events:none。它可以在Firefox中运行，但不能在Chrome中运行(目前我对其他浏览器不感兴趣)我有一个HTML文件<html lang="en"> <meta charset="UTF-8">

浏览 9提问于2017-01-26得票数 0

1回答

IE9检测与Chrome/Firefox不同的z索引事件--如何修复？

d3.js、svg、canvas、z-index、dom-events

画布有z-index 0和SVG z-index 1-请随时检查DOM。在Chrome/Firefox上，一切都很好。问题是，在IE9中，即使z索引较低，画布似乎也会在SVG上接收单击事件。您可以判断，因为鼠标轮/单击/拖动操作在主图表区域不起作用，但是它们在边缘区域工作，因为SVG比画布略大，并且它接收那里的事件。例如，尝试在轴区

浏览 4提问于2012-09-24得票数 4

回答已采纳

1回答

微软Surface设备上与火狐的交互性和触觉？

javascript、firefox、touch

微软触摸设备上的(如Surface )、Chrome和IE上都可以捕获鼠标/指针/触摸事件，并在此过程中防止滚动页面。在Firefox上，在使用触摸阻止页面滚动的同时获得相同的活动水平似乎是不可能的。您可以通过防止“轮子”来阻止页面滚动： console.log(&#x

浏览 3提问于2017-09-14得票数 10

1回答

顶级鼠标事件处理程序

javascript、canvas、mouse

也许是我找不到正确的搜索关键字，因为我在javascript的某些领域是新手。$("#canvas").on("mousemove", function(e){

浏览 2提问于2015-11-17得票数 1

2回答

SVG的哪个指针事件值应该用于特定的scernario

javascript、html、css、svg

svg中有两个带有in的矩形-“蓝色”和“透明”。透明的反作用角在蓝色上方。>我将鼠标悬停在透明矩形上的事件关联起来，以显示工具提示文本，即“透明”。现在，我有一个要求，当用户将鼠标放在透明矩形上时，事件应该在透明矩形上执行，但是当用户单击透明矩形和蓝色矩形之间的相交区域时，应该执行与蓝色矩形相关的事件。如果我为透明矩形设置pointer- events ="visiblePainted“

浏览 0提问于2020-12-15得票数 0

2回答

确定js中event.target以下的元素

javascript、jquery、dom-events、openlayers、mouseover

我正在尝试确定鼠标当前悬停在OpenLayers地图上的磁贴。当前编写的代码-使用标准的Hover处理程序并简单地发送回事件-在Chrome中工作，但在Firefox中失败，因为SVG元素位于磁贴和鼠标之间。我相信类似的事情也会在IE的VML中发生。所以，问题是，如果鼠标所在的元素被当前请求的目标元素“阻止”了，那么如何确定鼠标所在的元素？或者，是否可以在另一个div中使用trigger()重新运行事件</e

浏览 1提问于2010-08-19得票数 3

1回答

D3 pan/缩放行为在移动Safari上不起作用

javascript、ios、d3.js、svg

在iPhone上，D3的pan/缩放行为不能很好地工作。若要查看问题，请访问iPhone：上的此页面当你浏览的时候，整个浏览器窗口都会被拖来拖去。这发生在移动Safari和Chrome在iPhone上(但我们都知道，这仍然只是Safari)。进一步研究表明，某些SVG元素(如<rect>和<circle> )将正确捕获触摸事件，通过D3引导它们，并防止移动浏览器响应它们。我尝试将一个touchmov

浏览 3提问于2016-11-29得票数 0

回答已采纳

1回答

文档未捕获嵌入式文档上引发的事件

html、event-handling、svg

我有一个HTML，其中包含一个带有object标记的嵌入式SVG。我在全局文档上为mousemove注册了事件侦听器，但是当鼠标移动到嵌入的SVG文档内的元素上时，在全局文档上为mousemove注册的回调不会被调用。嵌入似乎是这里的问题，但不知道是什么问题，我认为SVG文档是全局文档的子文档，全局文档应该获取所有事件。有人能帮帮忙吗？全局文档和SVG文档是否没有

浏览 1提问于2011-05-31得票数 4

1回答

D3.js鼠标在标记太近时不活动

javascript、google-maps、d3.js

当光标在标记上时，我想显示一个信息框，但是当标记靠近(不一定是重叠的)时，信息框就不会显示。是什么控制了鼠标移动所需的标记之间的最小距离？

浏览 1提问于2014-03-02得票数 2

回答已采纳

1回答

在javascript中从flash对象中获取拖动事件？

jquery、flash、mouseevent

我正在尝试使用jQuery创建一个可拖动的FlowPlayer实例，但是我不能让任何鼠标事件在这个对象上工作。如果wmode是“不透明”或“窗口”的，我只有在闪存对象中有鼠标事件工作，而与wmode设置为“透明”我得到的鼠标事件在jQuery中，但不在闪光object...does谁知道有没有办法让鼠标事件在这两个工作

浏览 1提问于2009-10-02得票数 1

2回答

d3:拦截特定元素上的按键事件

javascript、d3.js

我想识别发生在特定D3元素上的关键新闻事件。下面的代码段(这里是)正确地识别了单个div和全局键按事件上的鼠标，但似乎没有触发特定于div的按键处理程序(到目前为止仅在Chrome上测试)。最简单的方法是： var svg= d

浏览 2提问于2013-11-21得票数 2

回答已采纳

1回答

在SVG元素下处理并发送鼠标事件

javascript、d3.js、svg

我对javascript和前端世界相当陌生，如果有人能帮我弄清楚如何将鼠标事件发送到SVG元素下面的元素，我会很感激。我搜索了很多，但找不到类似的东西(事件冒泡/捕获)。大多数地方都说要使用"pointe

浏览 1提问于2018-11-30得票数 0

1回答

捕获对象中SVG元素上的鼠标事件，以及它的父容器div

javascript、html、css、svg、pointer-events

在HTML中加载SVG文件时，我遇到了一个奇怪的问题。我将单击事件附加到SVG文件中的特定元素，这很好用。但是，我还需要将鼠标和触摸事件附加到它的父div。看起来SVG对象正在捕获鼠标事件，因此它们不会冒泡到父div。因此，我尝试将SVG上的pointer-event设置为none。在本例中，父div接收鼠标事件，但现在子<em

浏览 3提问于2016-10-08得票数 2

2回答

当列表框中有滚动查看器时，鼠标滚轮事件在列表框上不能正确工作

wpf、listbox、mousewheel

我有一个带有垂直滚动条的外部列表框，在每个项目上我都有一个可能有水平滚动条的滚动查看器。问题是当我使用鼠标时，事件不会到达外部列表框，因此滚动不起作用。我已经在滚动查看器上设置了Focusable=false，但这只是阻止它们处理键盘事件，而不是鼠标事件。如何阻止内部滚动查看器捕获鼠标滚轮事件，并允许它冒泡到外部列表框？

浏览 5提问于2012-01-26得票数 5

回答已采纳

1回答

如何将mousemove事件从引导工具提示内部传播到位于同一位置的svg元素

jquery、svg、d3.js、bootstrap-5

我有一个包含圆形元素的svg元素。我使用body作为容器，将引导工具提示附加到循环元素上，以便工具提示正确显示。SVG有一个mousemove事件，它捕捉鼠标在其边界区域内的所有动作。当鼠标指针显示在SVG上的工具提示中时，我希望SVG仍然接收这些mousemove事件。然而，我的工具提示并没有将这些事件传递给SVG，而且当鼠标在</em

浏览 4提问于2022-12-03得票数 1

3回答

使用<use>元素时，SVG点击事件未触发/冒泡

jquery、svg、click、blink

因此，如果使用作为链接的一部分(例如图标)嵌入SVG，则图标本身不会在jQuery中注册单击事件，但单击文本会注册。我认为这是由于SVG事件没有冒泡？如果直接嵌入SVG，则无论您是单击文本还是单击图标，都会触发链接。这里可以看到我创建的一个简单的测试用例：。

浏览 6提问于2014-06-06得票数 39

回答已采纳

1回答

在WebBrowser控件(VB.net)中捕获鼠标事件

vb.net、svg

在我的应用程序中，我有一个显示SVG绘图的webbrowser控件，我希望捕获鼠标事件谢谢

浏览 11提问于2017-08-01得票数 0

1回答

SVG鼠标事件传递除元素外

javascript、svg、events、mouseevent、onmouseover

我有一个透明的SVG画布作为对其他元素的覆盖。我想要的是允许鼠标事件传递到下面的元素，但是可见svg元素上的事件也可以工作。我可以得到它，这样svg就可以捕获事件，或者允许它们使用svg元素上的css指针- events (无_auto)，但是无法计算出如何只捕获svg的可见元素上的事件。我动态地创建svg元

浏览 4提问于2022-03-18得票数 1

1回答

如何在Chrome中使用D3.js在"dragend“之后直接检测"mouseout”

javascript、google-chrome、mouseevent、dom-events、mouseout

我正在尝试检测在绑定到dragend事件的函数中拖动并移动SVG圆圈后，鼠标是否仍在该圆圈上。我创建了这个来演示这个问题。在火狐中，如果鼠标不再停留在圆圈上，mouseout事件会在dragend之后立即触发，但在Chrome中，mouseout事件只有在鼠标在dragend事件之后移动后才会触发。我甚至尝试在

浏览 0提问于2015-07-13得票数 0

1回答

显示的奇怪鼠标事件: flex和svg

javascript、css、angularjs、svg、flexbox

当我在有display:flex.的DIV中嵌入SVG元素时，我遇到了一些奇怪的行为--看看这个。使用容器上的display: flex，鼠标向下的事件只会被rect捕获。如果您注释掉css并再次运行，svg也会收到鼠标向下的事件。谁能告诉我怎么解决这个问题吗？它可能与角度有关吗？比尔，丹尼尔

浏览 2提问于2014-08-26得票数 0

回答已采纳

点击加载更多