我的javascript代码没有运行,但是绘制 Canvas 的html正在...... 我正在尝试在 canvas html 元素上添加事件监听器。每次我单击该元素时,它都会向我发出警报。我已经在 Firefox 和 google chrome 上尝试过了。
<script language = "javascript" type = "text/javascript">
alert("yo");
canvas.addEventListener('click', function() {}, false);
var elem = document.getElementById("checkersq"),
elemLeft = elem.offsetLeft,
elemTop = elem.offsetTop,
context = elem.getContext('2d'),
elements = [];
elem.addEventListener('click', function(event){
var x = event.pageX - elemLeft,
y = event.pageY - elemTop;
elements.forEach(function(element){
if (y > element.top && y < element.top + element.height
&& x > element.left && x < element.left + element.width){
alert('clicked an element');
}
}
});
}, false);
elements.push({
colour: '#05EFFF',
width: 150,
height: 200,
top: 20,
left: 15
});
elements.forEach(function(element) {
context.fillStyle = element.colour;
context.fillRect(element.left, element.top, element.width, element.height);
});
最佳答案
转换
}
});
}, false);
到
});
}, false);
关于javascript - 为什么我的 JavaScript 代码没有运行? Canvas 和 JavaScript 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15539458/