更改指针事件时，Svg texpath在firefox中消失

文章/答案/技术大牛

发布

1回答

svg、firefox

this.style.pointerEvents = 'all'; <svgf59b8384bbd4" d="M0 10 L 100 10" stroke="transparent" stroke-width="0px" fill="transparent"></path>

浏览 14提问于2021-02-09得票数 1

回答已采纳

2回答

单击事件传播到Firefox中带有pointer- events ="visible“的隐藏SVG图像

firefox、svg

看起来SVG对象属性"pointer-events“的"visible”值在更新版本的Firefox中并没有得到尊重(在v34和v35中得到了确认)。我在SVG中嵌入了具有以下定义的图像： <image x="10" y="10" id="svg-image1" width="300" height="

浏览 1提问于2015-01-15得票数 0

1回答

使用变换和可见性CSS属性时，在Firefox中不显示SVG

css、firefox、svg

当应用transform属性时，SVG就会在Firefox中消失。在Chrome甚至IE中都能正常工作。早在2017年就被建成了一个网站，一切都很好，但这个问题后来就出现了。当应用transform属性时，SVG就会在Firefox中消失。我尝试过will- change : transform，但除了重做整个模块之外，我还不知道要更改什么。

浏览 7提问于2019-09-16得票数 0

1回答

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

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

画布有z-index 0和SVG z-index 1-请随时检查DOM。在Chrome/Firefox上，一切都很好。把鼠标放在盒子上，然后使用鼠标轮-现在变焦事件被SVG捕获。在没有方框的情况下，鼠标移动导致事件进入画布(消失)。所以看起来，<em

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

回答已采纳

1回答

转换时，SVG在firefox中消失

javascript、svg、cross-browser、transform、d3.js

在Safari中一切正常，在Firefox中，svg的大小不正确，当我转换它时，它就消失了。我运行的是Safari Mac 5.1.7和Firefox Mac 15.0。现在您可以看到它：我想我在什么地方犯了一个愚蠢的错误，但我就是看不出来！

浏览 1提问于2012-08-30得票数 3

回答已采纳

4回答

当使用嵌套在其他SVG内的空SVG时，不会触发OnClick

javascript、html、svg

我有两个svg元素，一个是空的，另一个是空的，当我点击它时，我需要在我的事件目标中获得内部svg元素，但是我不能让它工作。我注意到的第一个问题是，当使用Chrome时，内部svg以0高度和0宽度显示，这在Firefox中是不会发生的。第二个问题是，在为我的内部svg创建onclick监听器之后，事件永远不会触发。我也试过：在我的外部svg中

浏览 15提问于2021-05-20得票数 1

1回答

将指针事件限制为SVG文本填充

javascript、css、svg、d3.js、data-visualization

我需要将SVG元素中的指针事件限制为仅填充文本。我不希望当用户在文本周围的矩形中时触发指针事件，而只在光标实际位于字符内部时触发。SVG指针事件"fill“应该可以工作，但由于某些原因，它不能工作。在下面的示例中(jsfiddle here：)，当光标位于单词之间时，指针事件

浏览 1提问于2015-03-20得票数 0

3回答

当<object>标签的数据属性在Chrome中更改时，不会刷新

javascript、html、google-chrome、svg

我在一个网页上有一个<object>标记，它的data属性在JS (特别是jQuery)中以编程方式更改。SVG标记总是指向data图像。在Firefox中，当data标记发生变化时，新的SVG会加载，所有正确的事件都会触发。在Chrome中，只有在单击SVG画布时才会发生这种情况--一旦发生这种情况，新的S

浏览 4提问于2012-04-29得票数 6

1回答

如果在d3.js中有下拉阴影，svg中svg中的ForeignObject中的复选框不会重新绘制/更新

html、google-chrome、d3.js、svg、safari

问题如何复制行为 In Chrome/Chromium&#x

浏览 1提问于2019-09-17得票数 0

回答已采纳

1回答

为什么在svg元素上的点击没有被节点包含方法捕获？

javascript、html、svg

我有一个基本的模式与一个svg图标在它的html结构。我想要检测模式之外的点击，这样我就可以关闭它。document.addEventListener('mousedown', (e) => { closeModal(); }); 但是，当我单击svg(在模式中)时，单击事件被认为是在模式之外，我不知道为什么。为了让它像我想要的那样工作，我必须对

浏览 35提问于2021-03-22得票数 1

1回答

如何在不触发缓慢重绘的情况下，在网页周围移动SVG？

javascript、css、svg、d3.js

我使用d3.js在svg元素上绘制一个(多)线图(有相当多的数据点，确切地说是1600 )。这个图位于一个容器中，容器上有一个转换。在某个事件中，容器会被移动400 in到顶部，通过CSS3转换，这在Chrome中工作得很好。在尝试Safari和Firefox时，我注意到这是非常慢的。经过一些检查后，我可以肯定地说，svg元素在Safari/Firefox</em

浏览 4提问于2014-02-07得票数 4

回答已采纳

2回答

为什么在使用javascript的.contain方法的节点内不能识别svg？

javascript

但是，单击div元素内的svg元素(包含input元素和svg)会将其标识为在div元素外单击。不确定如何解决它。因此，当我向下单击svg时，它会将其标识为文档单击。我希望svg上的点击不会被识别为文档点击。谢谢。

浏览 0提问于2019-08-27得票数 6

1回答

Bing地图在IE 11浏览器上，鼠标单击事件仅在我们打开兼容模式时才起作用

javascript、jquery、css、bing-maps

我的代码在IE 11上运行得很好，当我打开兼容模式时，我试过使用Chrome，但我也遇到了同样的问题。

浏览 1提问于2015-03-26得票数 0

1回答

SVG在firefox更改(jquery.history.js)中消失

jquery、firefox、svg、history.js

在，你可以看到一个划桨网球联盟.参与者名字附近的六边形是svg，背景是填充的(将有应用程序用户配置文件图像)。当用户单击任何左列选项: Clasificación (分类)、Primera Jornada (第一轮)或Información (信息)，或者当用户单击Siguiente (next)或前端(前)时，如果必须从服务器(而不是情况下)加载内容，则问题是，在这个操作和中，仅在火

浏览 5提问于2014-05-14得票数 2

回答已采纳

1回答

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

jquery、svg、d3.js、bootstrap-5

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

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

1回答

在SVG路径元素中捕获指针事件

javascript、jquery、svg

我在页面上的SVG路径元素上捕捉SVG指针事件时遇到了问题。这是路径代码。我使用jQuery来获取SVG路径。<svg class="site-svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000&#

浏览 3提问于2015-06-23得票数 0

回答已采纳

1回答

为什么元素和它的边界之间有空格？

css、svg、flexbox、border、css-grid

请参阅此简化示例：div { width: 100%; flex: initial; width: 0; <svg> </svg>

浏览 1提问于2019-09-13得票数 1

2回答

d3缩放行为被mousemove事件过写

d3.js、svg

我在svg上实现d3.js缩放行为，在相同的svg上，我还需要捕获鼠标坐标，这样我就可以设置跟随鼠标光标位置的工具提示的位置。这要么是我有‘摩丝表情’事件，要么是‘变焦’事件，但不是两者都有。有什么好办法避开这件事吗？谢谢。// bind zoom behavior selection_<em

浏览 0提问于2016-09-04得票数 0

回答已采纳

2回答

我需要做的是了解鼠标是否离开SVG对象(路径，即它不是矩形-不能只使用偏移量，不能使用圆形-不能使用半径和中心位置等)。我不能使用鼠标离开/进入事件，因为我有一个鼠标指针总是在所有元素之上。那么问题是:有没有办法了解坐标(X，Y)是否在特定的元素$("# element ")中。我上传了我的当前代码到我的网站，我没有创建jsfiddle，因为我有SVG对象要ebmed。在那里你可以找到我的JS，我使用的svg对象等等。如果您转到

浏览 1提问于2013-05-15得票数 3

回答已采纳

4回答

整个页面可点击，Firefox

html、css、firefox、cursor

我的样式表中有一段代码可以将光标更改为一个页面上的指针，它除了在firefox上工作很好，它没有给您一个“指针”手指来让您知道页面是可点击的。html { } <body onclick="window.href.location=filename"></bod

浏览 7提问于2013-11-15得票数 1

回答已采纳

点击加载更多