资讯专栏INFORMATION COLUMN

svg click事件失效(仅限edge浏览器)

maochunguang / 1071人阅读

摘要:重现问题如果直接在绑定事件,在内核中是不灵敏的,在内核中只有点击边缘部分才会触发事件解决方法然后在标签上绑定事件即可。关于介绍如有更好的解决方案请大家一起分享噢

1、重现问题:


  

如果直接在svg绑定click事件,在edge内核中是不灵敏的,在edge内核中只有点击svg边缘部分才会触发click事件

2、解决方法


    
      
    

然后在a标签上绑定click事件即可。

3、关于pointer-events: none;介绍
pointer-events: none;

Note:如有更好的解决方案请大家一起分享噢

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79686.html

相关文章

  • svg click事件失效仅限edge览器

    摘要:重现问题如果直接在绑定事件,在内核中是不灵敏的,在内核中只有点击边缘部分才会触发事件解决方法然后在标签上绑定事件即可。关于介绍如有更好的解决方案请大家一起分享噢 1、重现问题: 如果直接在svg绑定click事件,在edge内核中是不灵敏的,在edge内核中只有点击svg边缘部分才会触发click事件 2、解决方法 然后在a标签上绑定cl...

    curried 评论0 收藏0
  • svg click事件失效仅限edge览器

    摘要:重现问题如果直接在绑定事件,在内核中是不灵敏的,在内核中只有点击边缘部分才会触发事件解决方法然后在标签上绑定事件即可。关于介绍如有更好的解决方案请大家一起分享噢 1、重现问题: 如果直接在svg绑定click事件,在edge内核中是不灵敏的,在edge内核中只有点击svg边缘部分才会触发click事件 2、解决方法 然后在a标签上绑定cl...

    BigTomato 评论0 收藏0
  • 初见 g6 图表库

    摘要:准备好数据节点节点节点坐标节点坐标边节点,从哪里出发节点,到哪里结束初始化对象容器渲染位置,表示渲染到图表的中间位置画布高渲染数据这是渲染出来的效果。链接线会以元素为基准。绘制元素时,需要在初始化对象的时候,指定。 hello world // 1. 准备好数据 // node(节点) let nodes = [ { id: 1, // 节点 id ...

    LittleLiByte 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<