javascript - コマンド ctrl+z/ctrl+y をボタンに割り当てますか?

Question

ASP>NET MVC、JavaScript、JQuery、KendoUI を使用して 1 つのアプリケーションを作成しています。HTML/HTML5 のボタンにコマンドctrl+ z/ ctrl+を割り当てることは可能ですか? yはいの場合、どのように？

Answer 1

キーの押下を検出するには、JavaScript を使用する必要があります。

アプリケーションですでに jQuery を使用しているため、次の点を考慮してください。

$(document).keydown(function(e){
  if ( e.ctrlKey && e.keyCode == 122 ) {
      myCtrlZFunction();
  } 
  else if( e.ctrlKey && e.keyCode == 121 ) {
      myCtrlYFunction();
  }
});

keydown のクロージャー引数のeは、押されたキーの番号コードです。z のコードは 122、y のコードは 121 です。

あとは、myCtrlZFunction() と myCtrlYFunction() を作成するだけです。

次の場所でさまざまなキーコード値を確認できます: http://expandinghead.net/keycode.html

Answer 2

これを使用してください、それは私にうまくいきます：

function execFnct() {
    document.execCommand("undo", false, null);
}

HTML:

<textarea style="width: 499px; height: 230px; border: 1px solid red;"></textarea>
<div style="width: 499px; height: 230px; border: 1px solid red;" contentEditable="true"></div>
<input type="button" onmouseup="execFnct()"/>

この場合のexecCommand関数は、textareaまたは任意のcontentEditable要素で機能します。