mirror of
https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git
synced 2026-01-22 23:25:26 +00:00
Better onkey definition
This commit is contained in:
@@ -1,19 +1,19 @@
|
|||||||
import { onMounted, onBeforeUnmount } from 'vue';
|
import { onMounted, onBeforeUnmount } from 'vue';
|
||||||
|
import { fr } from 'date-fns/locale';
|
||||||
|
|
||||||
export const useKeydown = function(keyCombos) {
|
export const useKeydown = function(keyCombos) {
|
||||||
keyCombos.forEach(({key, fn}) => {
|
let onkey = function(event) {
|
||||||
let onkey = function(event) {
|
let kc = keyCombos.find(({key, fn}) => key == event.key )
|
||||||
if(event.key == key) {
|
if(kc) {
|
||||||
fn()
|
kc.fn()
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
onMounted(()=> {
|
onMounted(()=> {
|
||||||
window.addEventListener('keydown', onkey);
|
window.addEventListener('keydown', onkey);
|
||||||
})
|
})
|
||||||
onBeforeUnmount(()=> {
|
onBeforeUnmount(()=> {
|
||||||
window.removeEventListener('keydown', onkey);
|
window.removeEventListener('keydown', onkey);
|
||||||
})
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user