onMounted(() => {
// 全局监听按键
window.addEventListener('keydown', handleAllKey);
})
onBeforeUnmount(()=>{
// 移除事件监听
window.removeEventListener('keydown', handleAllKey);
})
//监听按键
const handleAllKey = (event) => {
//根据按键进行不同逻辑操作
if (event.key == 'Backspace') {
// 处理 Backspace 键按下的逻辑
img_imgurl.value = ''
}
// 是否按下enter键
if (event.keyCode == 13) {
if (!event.shiftKey) {
//只有enter没有shift
event.preventDefault();// 阻止默认行为,即不换行
console.log('发送')
}
}
};
vue3-全局监听所有特殊按键
于 2024-04-24 14:41:34 首次发布