@keydown 按键事件问题

[t1000ln]

我有一个div注册了两个按键快捷键，希望分别触发不同的操作，按键绑定的快捷键分别是Cltr+b和Ctrl+Shift+b。

问题是：当我按下Ctrl+Shift+b时，Ctrl+b对应的函数commentLine()首先被调用，接着再调用uncommentLine()，这怎么回事啊？求教正确的姿势。
目前我的处理办法是用Ctrl+b和Alt+b组合，不会同时调用两个函数，不过还是更希望Ctrl+b和Ctrl+Shift+b的组合。

下面是代码片段：

<div ref="sqlContent" class="sql-content" contenteditable="true" @keydown.ctrl.enter="execSql"
         @keydown.ctrl.shift.f="formatSql" @keydown.ctrl.shift.b="uncommentLine"
         @keydown.ctrl.b="commentLine"
    ></div>

函数示例：

<script lang="ts" setup>

const commentLine = () => {alert('注释')}

const uncommentLine = () => {alert('反注释')}
</script>

[t1000ln]

自己解决，也算是个办法吧！

const commentLine = (e: KeyboardEvent | Event) => {
  if (e instanceof KeyboardEvent && (e as KeyboardEvent).shiftKey) {
    return;
  }
}