quicint/src/assets/scripts/modules/Linker.ts

Quick initialize HTML5 EJS Boilerplate

import autoBind from 'auto-bind'

class Linker {
  constructor() {
    autoBind(this)

    const elements = document.querySelectorAll('[data-link]')

    if (elements.length <= 0) {
      return
    }

    elements.forEach((element) => {
      element.addEventListener('click', this.searchLinkTag, false)
    })
  }

  searchLinkTag(e: Event): void {
    const element = e.target as HTMLElement

    // aタグの時は無視
    if (element?.nodeName === 'A') {
      return
    }

    const link = (e.currentTarget as HTMLElement).dataset.link

    if (!link) {
      return
    }

    window.location.href = link
  }
}

export default Linker