js 禁止键盘ctr+a、ctr+c、ctr+v、ctr+x、c

代码：

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() // 阻止默认事件
    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 测试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() // 阻止默认事件
    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>

若对你有帮助，请点个赞吧，若能打赏不胜感激，谢谢支持！
本文地址：https://www.jianshu.com/p/97ca595baaae?v=1696994010720，转载请注明出处，谢谢。