禁用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
}

Demo (仅在Chrome中测试)：http://jsbin.com/Akejur/1/edit