vue长按指令

Vue.directive('longpress', {
    bind: function (el, binding, vNode) {
      if (typeof binding.value !== 'function') {
        const compName = vNode.context.name
        let warn = `[longpress:] provided expression '${binding.expression}' is not a function, but has to be`
        if (compName) { warn += `Found in component '${compName}' ` }
        console.warn(warn)
      }

      let pressTimer = null
      let isLongTouch = false
      let start = (e) => {
        e.stopPropagation()
        e.preventDefault()
        isLongTouch = false
        if (pressTimer === null) {
          pressTimer = setTimeout(() => {
            isLongTouch = true
          }, 200)
        }
      }
      // Cancel Timeout
      let cancel = (e) => {
        // Check if timer has a value or not
        if (pressTimer !== null) {
          clearTimeout(pressTimer)
          pressTimer = null
        }
        binding.value(e, isLongTouch)
      }
      // Run Function
      // const handler = (e) => {
      //   binding.value(e, true)
      // }

      // Add Event listeners
      el.addEventListener('mousedown', start, true)
      el.addEventListener('mouseup', cancel, true)
      el.addEventListener('touchstart', start, true)
      el.addEventListener('touchend', cancel, true)
      el.addEventListener('touchcancel', cancel, true)
      el.addEventListener('click', function (e) {
        e.stopPropagation()
        e.preventDefault()
      })
    }
  })