vue3-hotKey
Vue3 hooks of Keyboard input.
📦 Install
pnpm i vue3-hotkey
or
yarn add vue3-hotkey
🦄 Usage
import useHotkey, { HotKey, RemoveHandler } from 'vue3-hotkey'
import { ref } from 'vue'
setup() {
const hotkeys = ref<HotKey[]>([
{
keys: ['space'],
preventDefault: true,
handler(keys) {
countRef.value += 5
}
},
{
keys: ['shift', 'space'],
preventDefault: true,
handler(keys) {
countRef.value -= 100
}
}
])
const stopArr = useHotkey(hotkeys.value)
const removeHotKeys = (hk: HotKey) => {
stopArr.foreach((item: RemoveHandler) => item())
}
}
🌸 Thanks
This project is heavily inspired by the following awesome projects.
📄 License
MIT License © 2021-PRESENT Talljack
如果大家喜欢我的项目的话,可以请我喝杯咖啡哦,谢谢!