在svg上单击鼠标右键使用元素打开新选项卡

尤库莱莱

使用firefox,当我在某个use元素上单击鼠标中键(或ctrl +单击)时,它会xlink:href在新标签页中打开url(如href

错误或功能?

<svg viewBox="0 0 400 80">
    <circle id="circle" cx="40" cy="40" r="30" fill="#29e"></circle>
    <use xlink:href="#circle" transform="translate(70, 0)" style="stroke: red;"></use>
</svg>
<p>ctrl+click on right circle</p>

pp19dd

这是一个尚未解决的错误,他们不确定如何处理。触发器是xlink:href一种内部处理方式,就像A.href一样(中键单击或Ctrl +单击打开以打开新标签)。一种解决方法是将xlink:href元素隐藏在不可见的矩形下:

    <svg viewBox="0 0 400 80">
        <circle id="circle" cx="40" cy="40" r="30" fill="#29e" />
        <use xlink:href="#circle" transform="translate(70, 0)" style="stroke: red;" />
        <rect style="opacity:0" x="80" y="10" width="60" height="60" />
    </svg>
    <p>ctrl+click on right circle - nothing happens</p>

如果您有任何需要触发的事件,则必须将它们绑定到不可见的矩形。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在svg上单击鼠标右键使用元素打开新选项卡

来自分类Dev

右键单击并保存链接以在新选项卡中打开

来自分类Dev

无法使用硒在右键单击时在新选项卡中选择选项打开链接

来自分类Dev

即使用户单击“中间按钮”或右键单击->在新选项卡中打开,如何触发jquery“单击”事件

来自分类Dev

即使用户单击“中间按钮”或右键单击->在新选项卡中打开,如何触发jquery的“ click”事件

来自分类Dev

如何在WPF中使用鼠标右键单击事件选择选项卡

来自分类Dev

使用JQUERY在按钮单击上打开新选项卡

来自分类Dev

使用JQUERY在按钮单击上打开新选项卡

来自分类Dev

angularjs:用户右键单击并在新选项卡中选择打开时触发ng-click函数

来自分类Dev

如何通过右键单击新选项卡中的“转到网址”来打开网页中的文本作为链接

来自分类Dev

使用鼠标中键单击时,阻止Chrome在同一选项卡中打开锚链接

来自分类Dev

木偶:如何单击元素以便在新选项卡中打开它?

来自分类Dev

使用鼠标的滚轮打开的新选项卡没有window.opener对象

来自分类Dev

按钮上的警报单击并将用户移动到打开的新选项卡

来自分类Dev

在包含链接的选项卡的最右侧,在新选项卡中打开一个单击鼠标中键的链接

来自分类Dev

CakePHP在单击时打开到新选项卡

来自分类Dev

单击DIV在新选项卡中打开内联背景

来自分类Dev

单击按钮时打开新选项卡

来自分类Dev

用户单击时在新选项卡中打开链接

来自分类Dev

单击图像以在 HTML 页面中打开新选项卡

来自分类Dev

使用preventDefault覆盖打开新选项卡

来自分类Dev

Angular 7使用querystring打开新选项卡

来自分类Dev

使用HyperLink在新选项卡中打开页面?

来自分类Dev

使用jQuery在新选项卡中打开PDF文件

来自分类Dev

单击以打开“ jQuery UI”选项卡

来自分类Dev

单击链接打开选项卡

来自分类Dev

dojo tabContainer-如何在鼠标右键单击弹出菜单下获取选项卡ID不在焦点的问题

来自分类Dev

模拟鼠标单击,超链接弹出窗口被阻止,未在选项卡中打开

来自分类Dev

如何确定右键单击哪个选项卡?

Related 相关文章

  1. 1

    在svg上单击鼠标右键使用元素打开新选项卡

  2. 2

    右键单击并保存链接以在新选项卡中打开

  3. 3

    无法使用硒在右键单击时在新选项卡中选择选项打开链接

  4. 4

    即使用户单击“中间按钮”或右键单击->在新选项卡中打开,如何触发jquery“单击”事件

  5. 5

    即使用户单击“中间按钮”或右键单击->在新选项卡中打开,如何触发jquery的“ click”事件

  6. 6

    如何在WPF中使用鼠标右键单击事件选择选项卡

  7. 7

    使用JQUERY在按钮单击上打开新选项卡

  8. 8

    使用JQUERY在按钮单击上打开新选项卡

  9. 9

    angularjs:用户右键单击并在新选项卡中选择打开时触发ng-click函数

  10. 10

    如何通过右键单击新选项卡中的“转到网址”来打开网页中的文本作为链接

  11. 11

    使用鼠标中键单击时,阻止Chrome在同一选项卡中打开锚链接

  12. 12

    木偶:如何单击元素以便在新选项卡中打开它?

  13. 13

    使用鼠标的滚轮打开的新选项卡没有window.opener对象

  14. 14

    按钮上的警报单击并将用户移动到打开的新选项卡

  15. 15

    在包含链接的选项卡的最右侧,在新选项卡中打开一个单击鼠标中键的链接

  16. 16

    CakePHP在单击时打开到新选项卡

  17. 17

    单击DIV在新选项卡中打开内联背景

  18. 18

    单击按钮时打开新选项卡

  19. 19

    用户单击时在新选项卡中打开链接

  20. 20

    单击图像以在 HTML 页面中打开新选项卡

  21. 21

    使用preventDefault覆盖打开新选项卡

  22. 22

    Angular 7使用querystring打开新选项卡

  23. 23

    使用HyperLink在新选项卡中打开页面?

  24. 24

    使用jQuery在新选项卡中打开PDF文件

  25. 25

    单击以打开“ jQuery UI”选项卡

  26. 26

    单击链接打开选项卡

  27. 27

    dojo tabContainer-如何在鼠标右键单击弹出菜单下获取选项卡ID不在焦点的问题

  28. 28

    模拟鼠标单击,超链接弹出窗口被阻止,未在选项卡中打开

  29. 29

    如何确定右键单击哪个选项卡?

热门标签

归档