javascript - 禁用内容可编辑命令

Question

我会确保具有 contentEditable HTML5 属性的特定 html 元素，用户不能执行“命令”（例如：CTRL + B、CTRL + I 等）。我会用 jQuery 或 javascript 函数来做这个。我该怎么做？谢谢

Answer 1

您可以侦听关键事件，如果输入与命令匹配，则可以防止默认它：

示例代码（仅在 Chrome 中测试）：

div.addEventListener('keydown', keyHandler);

function keyHandler(e) {
  if (matchesCmd(e)) {
    e.preventDefault();
  }
}

function matchesCmd(e) {              
  return e.ctrlKey && e.which==86; // Ctrl-v
}

演示（仅在 Chrome 中测试）：http: //jsbin.com/Akejur/1/edit