javascript - 要素で addEventListener を呼び出すと、「引数が不足しています」というエラーが発生する

Question

私のコードはChromeでは機能しますが、Firefoxでは機能しません... Firefoxでは...このコードが起動するたびに..

canvas.addEventListener('keydown');

次のエラーが表示されます。

Not enough arguments
[Break On This Error]   

canvas.addEventListener('keydown');

私はvar canvasこれと同様にトップの近くにいます：

canvas = document.getElementById("canvas");
    canvas.width = 512;
    canvas.height = 352;
context = canvas.getContext("2d");

Chrome では正常に動作するのに Firefox では動作しない理由がわかりません...

score 11 · Accepted Answer

addEventListener 関数には、イベントで呼び出される関数を指定する 2 番目のパラメーターが必要です。問題は、Chrome がエラーを生成しない理由です。

score 7 · Accepted Answer

イベントが発生したときに実行される関数が必要です。次のようにインラインで指定できます。

canvas.addEventListener('keydown', function(e) {
    // your code here to handle the event
});

または、次のように指定できます。

function keyHandler(e) {
    // your code here to handle the event
}

canvas.addEventListener('keydown', keyHandler);

イベントハンドラー関数がないと、イベントが発生したときにコードが実行されないため、イベントハンドラーが行うことは何もありません。

score 3 · Accepted Answer

JQuery を使用して、keydown イベントをキャンバスにバインドすることもできます。

$('#canvas').on("keydown", function(event){
    // code
});

3 に答える 3