Vuejs Event Handling Resources

Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener. Install npm install vue-shortkey --save Usage Vue.use(require

Vue Keypress Want to capture keydown, keypress and keyup and events globally in Vue? Nothing easier than that. The Vue Keypress Component let's you do

vue-clickaway Reusable clickaway directive for reusable Vue.js components Overview Sometimes you need to detect clicks outside of the element (to clos

v-click-outside Vue directive to react on clicks outside an element without stopping the event propagation. Great for closing dialogues and menus amon

Vue.resize Vue directive to detect HTML resize events based on CSS Element Queries with debouncing and throttling capacity. Demo Typical usage Simple

vue-observe-visibility Detect when an element is becoming visible or hidden on the page. Demo Sponsors Table of contents Installation Usage Example In

v-hotkey Vue 2.x directive for binding hotkeys to components. Play with me https://dafrok.github.io/v-hotkey Install $ npm i v-hotkey # or $ yarn add

VueWaypoint trigger functions based on elements' positions, based on viewport Demo demo page Installation npm $ npm install vue-waypoint --save-dev Vu

vue-selectable Overview It's common task to make mouse selection of some objects on the page. This directive makes this task extremely easy, all you n

v-dragged Vue directive plugin for drag event detection. NOTE: This directive listens for mouse/touch events, and sets a handler for when a drag actio

vue-global-events Add shortcuts by listening to events on the document, anywhere This is the version for Vue 2, if you are looking for the Vue 3 versi

vue-throttle-event throttle events based on requestAnimationFrame Status Features Uses requestAnimationFrame Exposes an istance method called $throttl

🖼 Pseudo Window Vue component to bind event-handlers or classes to window/document/body! Insert pseudo-window anywhere in your template: pseudo-wind

vue-edge-check English / 中文 Check Browser Edge Reactively.To prevent transition effect triggered oddly when swipe edge with vue-router ✨ Before After

v-click-outside-x Vue V2 directive to react on clicks outside an element. Install $ npm install --save v-click-outside-x $ yarn add v-click-outside-x

vue-tabevents Easy communication between tabs for Vue 2.x Getting Started Installing Install with npm: npm install --save vue-tabevents import into pr

vue-outside-events Vue 2.x directive to react on events outside of an element without stopping the event's propagation. Works well for handling clicks

vue-esc 🏃 Vue.js directive to add a document event listener on escape keyup. Support Vue.js 2 = vue-esc@=2.0.0 [master] Vue.js 1 = [email protected] I

vue-scrollfire Fires an event on a specific scroll position Demo Install npm install --save-dev vue-scrollfire // [email protected] npm install --save-dev vue-s

vue-mutation-observer VueJS directive to observe changes in DOM use MutationObserver API Install npm install vue-mutation-observer or yarn add vue-mut