分享
三行代码  ›  专栏  ›  技术社区  ›  imkeVr

在<svg/>不工作时响应onClick事件

  •  0
  • imkeVr  · 技术社区  · 1 周前

    我试图在svg图标上附加onClick事件。 我省略了下面不必要的svg pathfill代码,但我尝试附加onClick事件并立即测试它,onClick事件只是触发登录控制台,但当我单击图标时它不会记录任何内容。是否可能无法将事件直接附加到svg?

    <svg class="bi bi-gear" onClick={console.log('click')} width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"   > </svg>
    
    1 回复  |  直到 1 周前
        1
  •  1
  •   Cyril Wallis-Davy    1 周前

    把你的舌头改成那样。

    <svg class="bi bi-gear" onClick={() => {console.log('click')}} width="1em" height="1em" 
    viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"   > </svg>