MouseEvent

源码：

<!DOCTYPE html>
<html>
<head>

    <title></title>
    <style type="text/css">
        canvas {
            border: 1px solid #ff6a00;
        }
    </style>
    <link href="assets/demoStyles.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../src/easeljs/utils/UID.js"></script>
    <script type="text/javascript" src="../src/easeljs/geom/Matrix2D.js"></script>
    <script type="text/javascript" src="../src/easeljs/display/DisplayObject.js"></script>
    <script type="text/javascript" src="../src/easeljs/display/Container.js"></script>
    <script type="text/javascript" src="../src/easeljs/display/Stage.js"></script>
    <script type="text/javascript" src="../src/easeljs/display/Shape.js"></script>
    <script type="text/javascript" src="../src/easeljs/display/Graphics.js"></script>
    <script type="text/javascript" src="../src/easeljs/display/Text.js"></script>
    <script type="text/javascript" src="../src/easeljs/events/MouseEvent.js"></script>
    <script type="text/javascript">
        function init() {
            //find canvas and load images, wait for last image to load
            var canvas = document.getElementById("mycanvas");
            var stage = new createjs.Stage(canvas);

            // Create a new Text object and a rectangle Shape object, and position them inside a container:
            var container = new createjs.Container();
           
            container.x = 100;
            container.y = 80;

            var target = new createjs.Shape();
            target.graphics.beginFill("#F00").drawRect(-10, -10, 200, 40).beginFill("#FFF");
            container.addChild(target);

            var txt = new createjs.Text("Double Click Me!", "20px Arial", "#FFF");
            txt.textBaseline = "top";
            container.addChild(txt);
            stage.addChild(container);
            container.onClick= function (evt) { alert("Clicked the container object"); }
            stage.update();
        }

    </script>
</head>
<body onload="init();">
    <header id="header" class="EaselJS">
        <h1><span class="text-product">Easel<strong>JS</strong></span> Double Click Example</h1>
        <p>An example to show how to use the <strong>onDoubleClick()</strong> callback.</p>
    </header>
    <canvas id="mycanvas" width="500" height="500"></canvas>
</body>
</html>

　　

posted @ 2012-11-21 12:34  bradleydan  阅读(226)  评论(0)    收藏  举报