EaselJS onclick没有开火

时间:2012-08-31 08:19:05

标签: javascript javascript-events event-handling easeljs

我正在使用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>

0 个答案:

没有答案