【基礎知識】HTML 5 Canvasキーボードイベント

568 ワード

私の処女作「Canvasシリーズチュートリアル」は私のGithubで連載中で更新されています.あなたの注目と支持を得て、私にもっと多くの動力を創作させたいと思っています.
チュートリアル紹介、チュートリアルカタログなどはREADMEで閲覧できます.
転送ゲート:https://github.com/827652549/CanvasStudy
に注意
ブラウザウィンドウでキーを押すと、ブラウザはキーボードイベントを生成します.これらのイベントは、現在フォーカスがあるHTML要素で発生し、フォーカスがない場合はwindowsオブジェクトとdocumentオブジェクトにイベントが移動します.
キーボードイベント
キーボードイベントは全部で3種類あります
  • keydown
  • keypress
  • keyup

  • Windowsを使用してイベントの傍受を行う必要があるため、コードは以下の通りです.
    window.addEventListener('keydown', doKeyDown,true);
    
    

    他のキーボードイベントは似ています.