代碼:
const keydownHandle = (e) => {
// console.log(e, 'keydownHandle')
let _ev = e || window.event
if (_ev.ctrlKey && _ev.keyCode === 65) {
console.log('ctrl + a', _ev)
return false
}
if (_ev.ctrlKey && _ev.keyCode === 67) {
console.log('ctrl + c', _ev)
return false
}
if (_ev.ctrlKey && _ev.keyCode === 83) {
console.log('ctrl + s', _ev)
_ev.preventDefault() // 阻止默認(rèn)事件
return false
}
if (_ev.ctrlKey && _ev.keyCode === 86) {
console.log('ctrl + v', _ev)
return true
}
if (_ev.ctrlKey && _ev.keyCode === 88) {
console.log('ctrl + x', _ev)
return true
}
}
vue3 測(cè)試demo:
<template>
<el-input
v-bind="$attrs"
type="text"
v-model="data.inputVal"
@keydown="keydownHandle"
></el-input>
</template>
<script setup>
import { reactive } from 'vue'
const data = reactive({
inputVal: '',
})
const keydownHandle = (e) => {
// console.log(e, 'keydownHandle')
let _ev = e || window.event
if (_ev.ctrlKey && _ev.keyCode === 65) {
console.log('ctrl + a', _ev)
return false
}
if (_ev.ctrlKey && _ev.keyCode === 67) {
console.log('ctrl + c', _ev)
return false
}
if (_ev.ctrlKey && _ev.keyCode === 83) {
console.log('ctrl + s', _ev)
_ev.preventDefault() // 阻止默認(rèn)事件
return false
}
if (_ev.ctrlKey && _ev.keyCode === 86) {
console.log('ctrl + v', _ev)
return true
}
if (_ev.ctrlKey && _ev.keyCode === 88) {
console.log('ctrl + x', _ev)
return true
}
}
</script>
若對(duì)你有幫助,請(qǐng)點(diǎn)個(gè)贊吧,若能打賞不勝感激,謝謝支持!
本文地址:http://www.itdecent.cn/p/97ca595baaae?v=1696994010720,轉(zhuǎn)載請(qǐng)注明出處,謝謝。