javascript - 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