Vue.js Event Handlings

👻 Component to declaratively interface window/document in your Vue template

Global keypress event handler component for Vue.js applications.

Vue V2 directive to react on click, touch, pointer or multiple events outside an element.

👀 Declaratively trigger methods when scrolled into view

– Easy communication between other opened tabs

– Showing the element if the user reached it after scroll

– A simple and tiny directive to observe changes in DOM use MutationObserver API

– Check browser edge to prevent transition effect triggered oddly when swipe edge with vue-router

– A component to handle global events (like shortcuts) using Vue’s event modifiers

Vue.js directive to add a document event listener on escape keyup.

Vue 2.x directive plugin for drag event detection.

Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).

Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)

Vue 2.x directive for binding hotkeys to components.

Vue2.x directive to handle click event and dblclick event on same element.

Vue 1.x/2.x directive to make items selectable by mouse.

Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.

Vue directive to react on clicks outside of an element without stopping the event propagation.

Fires an event on a specific scroll position.

Reusable clickaway directive for reusable Vue.js components.

Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.

Throttle events based on requestAnimationFrame.

Vue-ShortKey - plugin for Vue.js.