This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

vue-directive-long-press

1.1.0 • Public • Published

Long Press - Vue directive

Build Status

expose long press event on any element or component

Getting Started

npm install vue-directive-long-press
<template>
  <button
    v-long-press="300"
    @long-press-start="onLongPressStart"
    @long-press-stop="onLongPressStop">
    Click and Hold for 300ms</button>
</template>
<script>
import LongPress from 'vue-directive-long-press'
 
export default {
  directives: {
    'long-press': LongPress
  },
  methods: {
    onLongPressStart () {
      // triggers after 300ms of mousedown
    },
    onLongPressStop () {
     // triggers on mouseup of document
    }
  }
}
</script>

To use directive globally

import Vue from 'vue'
import LongPress from 'vue-directive-long-press'
 
Vue.directive('long-press', LongPress)

Demo

View and edit the demo at StackBlitz here!

Running the tests

npm run test

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Package Sidebar

Install

npm i vue-directive-long-press

Weekly Downloads

1,278

Version

1.1.0

License

MIT

Unpacked Size

13 kB

Total Files

14

Last publish

Collaborators

  • feliciousx