我正在使用EaselJS JavaScript库在HTML5 canvas元素上加载一些图像。
它们被完美加载和定位但我无法点击它们,因为onclick事件永远不会触发。
我做错了什么?
这是我正在使用的代码:
<script src="easeljs-0.5.0.min.js"></script>
<script>
var canvas;
var stage;
var pictures = new Array(5);
var pictLen = pictures.length;
var imageCount = 0;
//
function init() {
// cavas instantiation, testCanvas is the id of my canvas element
canvas = document.getElementById("testCanvas");
stage = new Stage(canvas);
for (var i=0;i<pictLen;i++) {
var img=new Image();
img.src="img/"+i+".jpg";
var j=0;
img.onload = function(e){
var b = new Bitmap(e.target);
b.x =250*j;
b.y = canvas.height/2;
b.onClick = clickHandler;
j++;
stage.addChild(b);
stage.update();
}
}
Tick.addListener(window);
tick();
}
//
function clickHandler(e){
alert(e);
}
//
function tick(){
stage.tick();
}
</script>