Add Zoom on Card
release-tag / release-image (push) Successful in 38s

Use Left Alt Key (for now)
Closes #13
This commit is contained in:
2024-05-13 16:57:03 +02:00
parent c86232cf6a
commit 2c4f9abc8d
5 changed files with 103 additions and 7 deletions
+35
View File
@@ -26,6 +26,41 @@ onMounted(async () => {
heron_cookie_login(heron_session.value)
})
function keyDownHandler(e: KeyboardEvent) {
if (e.repeat) { return }
console.log(e.code)
if (e.code != "AltLeft") { return }
goStore.zoomKeyPressed = true
e.preventDefault()
return false
}
function keyUpHandler(e: KeyboardEvent) {
if (e.repeat) { return }
if (e.code != "AltLeft") { return }
goStore.zoomKeyPressed = false
e.preventDefault()
return false
}
function follow_mouse(e: MouseEvent) {
goStore.clientMouseX = e.clientX
goStore.clientMouseY = e.clientY
}
onMounted(() => {
window.addEventListener("keydown", (keyDownHandler))
window.addEventListener("keyup", keyUpHandler)
document.addEventListener("mousemove", follow_mouse)
})
onUnmounted(() => {
window.removeEventListener("keydown", (keyDownHandler))
window.removeEventListener("keyup", keyUpHandler)
document.removeEventListener("mousemove", follow_mouse)
})
onDeactivated
</script>
<template>
<div class="root_dom_div">