javascript - 将事件监听器添加到 Canvas 标签

Question

我正确地从 html 获取了 canvas 标签，但是当我尝试将其添加为事件监听器时，控制台向我返回 Uncaught TypeError: undefined is not a function。我无法理解其中的原因。

var x = document.getElementsByTagName('canvas');
console.log(x); //print correctly the element : [canvas, item: function, namedItem: function]

x.addEventListener("click", prova);//Uncaught TypeError: undefined is not a function 

function prova( event ) {

console.log("prova");//


};

Answer 1

执行document.getElementsByTagName("canvas")[0]

getElementsByTagName 返回一个 HTMLCollection(有点像数组)，而 addEventListener 仅适用于元素，因此您需要选择具有正确索引的元素。

另一种选择是 document.querySelector("canvas") 它将返回一个元素。