html - 我应该使用哪个 css 属性来仅在全选命令上禁用文本选择？

Question

只有当我按下 Ctrl+A 而不是在手动选择它时，我应该使用什么 css 类来禁用文本选择？我试过这个但是这个类不允许我手动选择文本。

.title h3 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Answer 1

我不确定是否有相应的 CSS 属性。但是，您可以通过将以下 javascript 片段添加到您的 html 文件中来轻松添加此功能:

<script>
  window.addEventListener('keydown', function (e) {
      var triggerKey = e.ctrlKey || e.metaKey;
      if (e.keyCode === 65 && triggerKey) {
          return e.preventDefault(); }
      }
  );
</script>

如果您不需要担心 OSX (Mac)，只需删除 e.metaKey 声明，因为它针对的是命令 (⌘) 键。