我有一个 HTML 页面，其正文中的画布定义如下：
<!DOCTYPE html>
<html>
<head>
<script defer src="./js/canvas.js"></script>
<link rel="stylesheet" href="./css/canvas.css">
</head>
<body>
<canvas id="pinboard"></canvas>
</body>
</html>
在
canvas.jsvar canvas = document.getElementById("pinboard");
canvas.addEventListener("mousedown", function (e) {
console.log("DOWN 1 " + e);
});
canvas.onmousedown = function (e) {
console.log("DOWN 2 " + e);
}
这不在 DOMContentLoaded 侦听器中，但我尝试过使用和不使用它，但它不起作用。
当我单击画布时，我希望打印“DOWN 1”，打印“DOWN 2”，或两者都打印，但它们都没有记录。
我搜索了很多帖子，但找不到任何可以解决我的问题的内容。
您可能需要设置画布元素的宽度和高度。
<canvas id="pinboard" width="800" height="600"></canvas>