将附加数据传递给 Javascript 中的事件侦听器

Question

假设我有两种观点：

1. 图库：显示草图列表，可通过www.mywebsite.com/#gallery访问
2. 草图：显示单个草图，可通过www.mywebsite.com/#sketch/:id访问

每次用户单击图库中的草图时，我都想将 go 传递到单击的草图中的草图视图。

我怎样才能使这项工作？

我已经尝试过使用CustomEvent s：

  onSketchClick = () => {
    const event = new CustomEvent('hashchange')

    event.additionalData = {
      sketchElement: this.element
    }

    window.dispatchEvent(event)
  }

它工作得很好，但是单击草图时 URL 不会改变。

我可以简单地添加

window.location.hash = '#sketch/${this.id}'

在onSketchClick内部，但这会触发hashchange事件侦听器两次。

有什么方法可以在不使用CustomEvent的情况下发送数据？