Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5Canvasでのキーダウン用のaddEventListener

tabindexを使用する CanvasのaddEventListenerのcanvas要素の属性-

var myTarget, myCanvas;

window.onload = function() {
   myCanvas = document.getElementById('canvas');
   document.addEventListener('mousedown', function(event) {
      myTarget = event.target;
      alert('This is mousedown event.');
   }, false);
   
   document.addEventListener('keydown', function(event) {
      if(myTarget == myCanvas) {
         alert('This is keydown event.');
      }
   }, false);
}

  1. HTML5用のW3CMarkupValidator

    W3C Markup Validatorは、HTML、XHTML、SMIL、MathMLなどのWebドキュメントのマークアップの有効性をチェックします。このバリデーターは、W3Cの統合バリデーターサービスであるUnicornの一部です。 このバリデーターをHTML5で使用するには、その他のオプションを使用する必要があります ドキュメントを選択します 以下に示すHTML5と入力します。

  2. HTML5のCanvas用の無料ライブラリとは何ですか？

    Webサイトにインタラクティブな要素を追加する必要がある場合は、Canvas用の無料のライブラリを使用すると作業が簡単になります。まず、HTML5でキャンバスを作成する方法について説明しましょう。 HTMLのタグは、スクリプトを使用してグラフィックやアニメーションなどを描画するために使用されます。 HTML5で導入されたタグ。 次のコードを実行して、HTML5でキャンバスを作成してみてください 例 <!DOCTYPE html> <html>    <head>       <title&