Vue.js Components & Libraries UI Utilities Event Handling

Back

1. vue-shortkey

plugin for Vue.js.

2. vue-throttle-event

Throttle events based on requestAnimationFrame.

3. vue-waypoint

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

4. vue-clickaway

Reusable clickaway directive for reusable Vue.js components.

5. vue-scrollfire

Fires an event on a specific scroll position.

6. vue-resize-directive

Vue directive to detect resize events with deboucing and throttling capacity.

7. v-click-outside

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

8. vue-outside-events

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

9. vue-selectable

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

10. vue-click-helper

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

11. v-hotkey

Vue 2.x directive for binding hotkeys to components.

12. vue-resize

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

13. 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).

14. v-dragged

Vue 2.x directive plugin for drag event detection.

15. vue-esc

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

16. vue-global-events

17. vue-edge-check

18. vue-mutation-observer

19. vue-scroll-show

20. vue-tabevents

21. vue-visibility-trigger

👀 Declaratively trigger methods when scrolled into view

22. v-click-outside-x

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

23. vue-keypress

Global keypress event handler component for Vue.js applications.

24. vue-pseudo-window

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