Vue.js Event Handlings

This list will help you find the best Vue.js event handling.

Vue-pseudo-window
Vue-pseudo-window
👻 Component to declaratively interface window/document in your Vue template
Vue-keypress
Vue-keypress
Global keypress event handler component for Vue.js applications.
V-click-outside-x
V-click-outside-x
Vue V2 directive to react on click, touch, pointer or multiple events outside an element.
Vue-visibility-trigger
Vue-visibility-trigger
👀 Declaratively trigger methods when scrolled into view
Vue-tabevents
Vue-tabevents
– Easy communication between other opened tabs
Vue-scroll-show
Vue-scroll-show
– Showing the element if the user reached it after scroll
Vue-mutation-observer
Vue-mutation-observer
– A simple and tiny directive to observe changes in DOM use MutationObserver API
Vue-edge-check
Vue-edge-check
– Check browser edge to prevent transition effect triggered oddly when swipe edge with vue-router
Vue-global-events
Vue-global-events
– A component to handle global events (like shortcuts) using Vue’s event modifiers
Vue-esc
Vue-esc
Vue.js directive to add a document event listener on escape keyup.
V-dragged
V-dragged
Vue 2.x directive plugin for drag event detection.
Vue-observe-visibility
Vue-observe-visibility
Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).
Vue-resize
Vue-resize
Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
V-hotkey
V-hotkey
Vue 2.x directive for binding hotkeys to components.
Vue-click-helper
Vue-click-helper
Vue2.x directive to handle click event and dblclick event on same element.
Vue-selectable
Vue-selectable
Vue 1.x/2.x directive to make items selectable by mouse.
Vue-outside-events
Vue-outside-events
Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
V-click-outside
V-click-outside
Vue directive to react on clicks outside of an element without stopping the event propagation.
Vue-scrollfire
Vue-scrollfire
Fires an event on a specific scroll position.
Vue-clickaway
Vue-clickaway
Reusable clickaway directive for reusable Vue.js components.
Vue-waypoint
Vue-waypoint
Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
Vue-throttle-event
Vue-throttle-event
Throttle events based on requestAnimationFrame.
Vue-shortkey
Vue-shortkey
Vue-ShortKey - plugin for Vue.js.