Python
Java
JavaScript
Android
Golang
C/C++
Swift
PHP
Node.js
Ruby
.NET
More
React
Linux
Rust
Vue.js
Flutter
Projects Using Vue.js
Examples
Responsive Layout System
Rich Text Editing
Animation
More...
Home
/
Vue.js
/
Event Handling
Event Handling
Handling of user events (scroll, click, key strike, ...)
Search
Newest releases
Newest releases
Most popular
Event Handling
3
Listen to change events on your Postgres tables then perform callback-like actions with th...
WalEx Postgres Change Data Capture (CDC) in Elixir. WalEx allows you to listen to change events on your Postgres tables then perform callback-like act
Event Handling
59
vue-keypress - Global keypress event handler component for Vue.js applications.
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
Event Handling
87
v-click-outside-x - Vue V2 directive to react on click, touch, pointer or multiple events ...
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
Event Handling
32
vue-tabevents – Easy communication between other opened tabs
vue-tabevents Easy communication between tabs for Vue 2.x Getting Started Installing Install with npm: npm install --save vue-tabevents import into pr
Event Handling
29
vue-edge-check – Check browser edge to prevent transition effect triggered oddly when swip...
vue-edge-check English / 中文 Check Browser Edge Reactively.To prevent transition effect triggered oddly when swipe edge with vue-router ✨ Before After
Event Handling
682
vue-global-events – A component to handle global events (like shortcuts) using Vue’s event...
vue-global-events Add shortcuts by listening to events on the document, anywhere Sponsors Bronze Installation npm install vue-global-events Demo Idea
Event Handling
36
vue-esc - Vue.js directive to add a document event listener on escape keyup.
vue-esc 🏃 Vue.js directive to add a document event listener on escape keyup. Support Vue.js 2 =>
[email protected]
>=2.0.0 [master] Vue.js 1 =>
[email protected]
I
Event Handling
94
v-dragged - Vue 2.x directive plugin for drag event detection.
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
Event Handling
1.6k
vue-observe-visibility - Vue 2.x directive using Intersection Observer API that detects if...
vue-observe-visibility Detect when an element is becoming visible or hidden on the page. Demo Sponsors Table of contents Installation Usage Example In
Event Handling
449
vue-resize - Vue 2.x component to detect DOM elements resizing (event based/no window.onre...
vue-resize Detect DOM element resizing Demo - JSFiddle Sponsors Installation npm install --save vue-resize Module import ⚠️ You need to include the p
Event Handling
701
v-hotkey - Vue 2.x directive for binding hotkeys to components.
v-hotkey Vue 2.x directive for binding hotkeys to components. Play with me https://dafrok.github.io/v-hotkey Install $ npm i --save v-hotkey Usage imp
Event Handling
69
vue-selectable - Vue 1.x/2.x directive to make items selectable by mouse.
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
Event Handling
56
vue-outside-events - Vue 2.x directive to help a specified element listen for specific eve...
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
Event Handling
904
v-click-outside - Vue directive to react on clicks outside of an element without stopping ...
v-click-outside Vue directive to react on clicks outside an element without stopping the event propagation. Great for closing dialogues, menus among o
Event Handling
326
vue-resize-directive - Vue directive to detect resize events with deboucing and throttling...
Vue.resize Vue directive to detect HTML resize events based on CSS Element Queries with debouncing and throttling capacity. Demo Typical usage Simple
Event Handling
26
vue-scrollfire - Fires an event on a specific scroll position.
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
Event Handling
966
vue-clickaway - Reusable clickaway directive for reusable Vue.js components.
vue-clickaway Reusable clickaway directive for reusable Vue.js components Overview Sometimes you need to detect clicks outside of the element (to clos
Event Handling
439
vue-waypoint - Waypoint component for Vue, this is the easiest way to trigger a function w...
VueWaypoint trigger functions based on elements' positions, based on viewport Demo demo page Installation npm $ npm install vue-waypoint --save-dev Vu
Event Handling
21
vue-throttle-event - Throttle events based on requestAnimationFrame.
vue-throttle-event throttle events based on requestAnimationFrame Status Features Uses requestAnimationFrame Exposes an istance method called $throttl
Event Handling
805
vue-shortkey - Vue-ShortKey - plugin for Vue.js.
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
Categories
Vue.js
1893
Admin Template
58
Animation
24
Asset Management
9
Audio / Video
25
Authentication/Authorization
10
Autocomplete
8
Calendar
34
Canvas
8
Carousel
25
Charts
51
Client
20
Code Style
6
Color Picker
6
Component Collections
25
Context Menu
12
CSS
18
Custom Events
6
Date Picker
28
Dev Tools
12
Docs
14
Drag and Drop
19
Electron
8
Event Handling
21
Examples
149
File Upload
16
Filters
19
Form Generator
27
Form Input
26
Form Select
18
Form Validation
19
Google Analytics
6
GraphQL
5
HTTP Requests
20
i18n
23
Icons
25
Image Manipulation
17
Inspect
10
Integrations
36
Lazy Load
13
Loader
17
Map
11
Markdown
9
Menu
19
Minus Plus Input
3
Miscellaneous
337
Notification
25
Overlay
48
Page Navigation
1
Pagination
23
Parallax
5
Parts
3
Payment
4
PDF
2
Persistence
10
Prerendering
5
Progress Bar
11
Projects Using Vue.js
275
Pull-to-refresh
5
QR Code
3
Responsive Layout System
54
Rich Text Editing
31
Routing
7
Scaffold
32
Scroll
37
Search
4
Server
6
Server-side rendering
10
Slider
8
Social Sharing
9
Source Code Editing
15
State Management
16
Static website generator
7
SVG
5
Switch
10
Table
42
Tabs
10
Test
6
Time
11
Tooltip
4
Tree
18
Type Select
7
Typescript
12
UI frameworks for mobile
14
UI Layout
40
Utilities
23
Vue CLI 3 Plugins
13
Vuex Utilities
20
Web Sockets
8
WebGL
8
Wizard
3
Most popular
More
01
vue-observe-visibility - Vue 2.x directive using Intersection Observer API that detects if...
02
vue-clickaway - Reusable clickaway directive for reusable Vue.js components.
03
v-click-outside - Vue directive to react on clicks outside of an element without stopping ...
04
vue-shortkey - Vue-ShortKey - plugin for Vue.js.
05
v-hotkey - Vue 2.x directive for binding hotkeys to components.
06
vue-global-events – A component to handle global events (like shortcuts) using Vue’s event...
07
vue-resize - Vue 2.x component to detect DOM elements resizing (event based/no window.onre...
08
vue-waypoint - Waypoint component for Vue, this is the easiest way to trigger a function w...
09
vue-resize-directive - Vue directive to detect resize events with deboucing and throttling...
10
v-dragged - Vue 2.x directive plugin for drag event detection.