quasar/src/utils/escape-key.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import { isKeyCode } from './key-composition.js'

const handlers = []
let escDown = false

export default {
  __install () {
    this.__installed = true
    window.addEventListener('keydown', evt => {
      escDown = evt.keyCode === 27
    })
    window.addEventListener('blur', () => {
      escDown === true && (escDown = false)
    })
    window.addEventListener('keyup', evt => {
      if (escDown === true) {
        escDown = false

        if (handlers.length !== 0 && isKeyCode(evt, 27) === true) {
          handlers[handlers.length - 1].fn(evt)
        }
      }
    })
  },

  register (comp, fn) {
    if (comp.$q.platform.is.desktop === true) {
      this.__installed !== true && this.__install()
      handlers.push({ comp, fn })
    }
  },

  pop (comp) {
    if (comp.$q.platform.is.desktop === true) {
      const index = handlers.findIndex(h => h.comp === comp)
      if (index > -1) {
        handlers.splice(index, 1)
      }
    }
  }
}