quasar/src/utils/private.keyboard/escape-key.js

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

import { client } from '../../plugins/platform/Platform.js'
import { isKeyCode } from '../private.keyboard/key-composition.js'

const handlers = []
let escDown

function onKeydown(evt) {
  escDown = evt.keyCode === 27
}

function onBlur() {
  if (escDown === true) {
    escDown = false
  }
}

function onKeyup(evt) {
  if (escDown === true) {
    escDown = false

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

function update(action) {
  window[action]('keydown', onKeydown)
  window[action]('blur', onBlur)
  window[action]('keyup', onKeyup)
  escDown = false
}

export function addEscapeKey(fn) {
  if (client.is.desktop === true) {
    handlers.push(fn)

    if (handlers.length === 1) {
      update('addEventListener')
    }
  }
}

export function removeEscapeKey(fn) {
  const index = handlers.indexOf(fn)
  if (index !== -1) {
    handlers.splice(index, 1)

    if (handlers.length === 0) {
      update('removeEventListener')
    }
  }
}