javascript - .addEventListener 不起作用,有什么想法吗?
问题描述
我用“click”试过了,它起作用了,我也试过e.keycode,似乎没有任何效果。
window.onload = function() {
c = document.getElementById("myCanvas");
cc = c.getContext("2d");
setInterval(update, 1000 / 30);
};
var c = document.getElementById("myCanvas");
var cacX1 = 960
var dy = document.getElementById("myCanvas").height - 60
var speed = -1
var drop = -7
function update() {
// drawBack();
// drawCac();
drawDino();
};
c.addEventListener("keydown", function(e) {
if (dy >= c.height - 70) {
dy = 10
drawDino();
console.log("up");
}
}, false);
function drawDino() {
cc.fillStyle = "white";
cc.fillRect(30, dy, 30, 50);
if (dy < document.getElementById("myCanvas").height - 60) {
dy = dy - drop
console.log("dropping" + drop);
}
};
很抱歉问了这么无聊的问题,但我正在努力学习。
解决方案
推荐阅读
- django - 是否可以在 Django 中扩展站点范围的模板/引用更高目录中的模板?
- c++ - 特殊情况下的智能指针析构函数
- hazelcast - Hazelcast 节点不加入集群
- python - 如何列出所有关注者及其以下日期?
- powershell - 如果我单击表单上的退出按钮退出脚本?
- php - PHP x1,x2,y1,y2坐标的边界框(左,上,高,宽)?
- javascript - 如何验证多个图像文件的大小和尺寸
- python - 在 BigQuery 中获取表的列名
- reactjs - 样式组件未应用于组件
- google-chrome - chrome.cookies.set 不在隐身窗口中创建 cookie