`
sherrysky
  • 浏览: 89378 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

flex的事件响应体会2

阅读更多
接1
如果单独定义一个canvas页,然后把鼠标事件加到该页,通过主页调用这个canvas,则canvas页上的鼠标动作事件能够正常地响应定义在它里面的函数。
canvas定义eventcanvas.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="1200"
mouseDown="OnMouseDown(event)"
mouseMove="OnMouseMove(event)"
mouseUp="OnMouseUp(event)" 
>


<mx:Script>
<![CDATA[
        import mx.controls.Alert;
import flash.geom.Matrix;
        import flash.geom.Point;
        import mx.managers.CursorManager;      

 
    //鼠标按下响应事件
   public function OnMouseDown(event:MouseEvent):void
    {

       trace("MOUSE DOWN canvas");
    //  Alert.show("MOUSE DOWN canvas");
    }
    //鼠标移动响应事件
   public function OnMouseMove(event:MouseEvent):void
    {
        //如果鼠标左键按下
/*         Alert.show("MOUSE move canvas"); */
trace("MOUSE Move canvas");
    }
    //鼠标抬起响应事件
    public function OnMouseUp(event:MouseEvent):void
    {
        //如果鼠标左键按下
  trace("MOUSE Up canvas");
      //Alert.show("MOUSE UP canvas");
    }


]]>
</mx:Script>
</mx:Canvas>
分享到:
评论

相关推荐

    前端热门图书推荐,含个人心得体会.docx

    在掌握基础后阅读,可以解决很多实际开发中的布局问题,如flex布局和grid布局。 4. **数据结构与算法**:对于前端开发者来说,理解和掌握数据结构与算法同样重要。《漫画算法》和《JavaScript 数据结构与算法设计》...

    display 使用心得

    - **创建自定义布局**:利用`display: flex`或`display: grid`构建复杂的响应式布局。 - **隐藏和显示元素**:通过`display: none`隐藏元素,节省页面空间或实现交互效果。 - **表格样式布局**:使用`display: table...

    gsoap网络资源汇总和相关连接

    2. **使用Bison和Flex的意义:** - 在处理复杂的语言结构时,Bison和Flex可以帮助生成高效的解析器。 - 对于开发gSOAP这样的工具而言,能够有效地处理各种XML文档格式是非常重要的。 3. **Bison和Flex与gSOAP的...

    HTML+CSS实现网易云网站

    CSS属性如`color`改变文本颜色,`background-color`设置背景色,`font-size`调整字体大小,`padding`和`margin`控制内边距和外边距,`display`决定元素的显示方式,如`block`、`inline-block`或`flex`。 在`font`...

    一个FlutterUI挑战建立一个行星应用程序

    我们还需要考虑响应式设计,使应用能在不同屏幕尺寸上正确显示,这可以通过灵活的布局widgets如Flex和Stack来实现。 总的来说,这个Flutter UI挑战项目是一个极好的学习机会,它涵盖了从网络请求到UI设计的多个方面...

    Cards-TailwindCSS:YouTube视频的源代码-css source code

    2. **响应式设计**:TailwindCSS提供了预设的断点类,如`sm:`(小屏幕)、`md:`(中等屏幕)和`lg:`(大屏幕),用于在不同设备上调整元素的显示。这使得视频卡片在手机、平板电脑和桌面设备上都能保持良好的用户...

    etch-a-sketch:为我的odin项目使用vanilla js创建了一个素描游戏

    - **布局设计**:CSS的`display: flex`或`grid`可以用来创建响应式的网格布局,适应不同屏幕尺寸。 - **背景和边框**:设置画布的背景色和边框,提升用户体验。 - **按钮样式**:通过CSS伪类`:hover`和`:active`...

Global site tag (gtag.js) - Google Analytics