禁用contentEditable命令

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