Enable不能和MouseOver、Out等并列作为状态

原创 2015年11月17日 17:55:46

MouseOver/Out作为状态可以用来控制UI外观的切换,比如按钮颜色。

而Enable不能作为【状态】和MouseOver/Out同等定义。

因为它们是不同级别的。

 

举例:

按钮在鼠标移入,移出时改变按钮的颜色。

点击按钮后,让按钮失效(Enable->Disable)。

 

代码实现方法:

在按钮上监听MouseEvent.ROLLOVER、MouseEvent.ROLLOUT、MouseEvent.CLICK事件。

 

ROLLOVER

{

    //改变按钮颜色:蓝色

}

 

ROLLOUT

{

    //改变按钮颜色:红色

}

 

CLICK

{

    //让按钮不响应鼠标事件

            this.mouseEnabled = true; 
            this.mouseChildren = false;

    //改变按钮颜色:灰色

            this.enable = false ;

}

 

 

public function set enable(v:boolean):void

{

    _enable = v ;

    this.mouseEnabled = _enable;

}

 

===============================================

你会发现点击按钮后,按钮颜色并没有如预期变为灰色,而是红色。

为什么?

因为  【this.enable = fase 】的时候,首先把【状态】设置成为【DISABLE】。

而在【public function set enable(v:boolean):void】中进而把【this.mouseEnabled = false】,

从而触发了this的【ROLLOUT】事件,把【状态】覆盖成了【ROLLOUT】,也就是变成了红色。

因此不能把enable与mouseRollOver等并列定义为【状态】

如何使用Createjs来编写HTML5游戏(一)EaselJS简介

游戏框架CreateJS中的EaselJS介绍,初级入门。包含如何创建文字,图形,事件监听等,并通过这些组成一些简单的游戏和工具,HTML5编程初学入门。...
  • lanix516
  • lanix516
  • 2015年08月03日 20:00
  • 6756

android中的menu怎么使用

一、 使用xml定义Menu 菜单资源文件必须放在res/menu目录中。菜单资源文件必须使用标签作为根节点。除了标签外,还有另外两个标签用于设置菜单项和分组,这两个标签是和。 标签没有任...
  • JerryWu145
  • JerryWu145
  • 2016年08月16日 16:59
  • 259

相对定位父子元素触发mouseover和mouseout事件实验

最近做的一个项目中有个功能是鼠标移动到某一块id为A,然后A的子元素id为B在下方紧贴着父元素A显示出来,B里面的内容是鼠标移动到A元素上才请求服务端获取数据。 我使用了mouseover,mous...
  • cangkukuaimanle
  • cangkukuaimanle
  • 2014年01月18日 14:00
  • 5455

重复绑定mouseover和mouseout事件

鼠标悬浮日期上显示日程数量        我需要实现鼠标悬浮在日期显示提示信息,提示信息用了layer插件,提示信息内容是新建的日程数量,效果图如下:     鼠标放在17号显示了当前日期新建了19...
  • u012157999
  • u012157999
  • 2016年12月20日 17:56
  • 1100

让服务不再停止(在Windows Service中使用Timer的技巧)

平时在开发中,经常遇到的一个需求就是,要开发一个后台的程序,来监视数据库中某些数据的变化,并且发生变化以后要立刻做出响应。 实际上呢,我们会建立一个Windows Service工程,在里面放一...
  • lvjin110
  • lvjin110
  • 2013年12月14日 23:03
  • 1279

jQuery的mouseover和mouseout事件当快速移动 事件延迟触发问题

首先来看一段代码: $(document).ready(function(){ $("div.div1").mouseover(function() {$("div.div...
  • ZYGG5521
  • ZYGG5521
  • 2015年08月13日 13:10
  • 3389

TCP连接的状态详解以及故障排查

我们通过了解TCP各个状态,可以排除和定位网络或系统故障时大有帮助。(总结网络上的内容) 1、TCP状态 linux查看tcp的状态命令: 1)、netstat -n...
  • loophome
  • loophome
  • 2016年02月26日 18:29
  • 2219

mouseover以及mouseout事件问题解决方案

mouseover事件:鼠标进入元素或者在元素内部游走时候触发该事件; mouseout事件:鼠标离开该元素触发事件; 现在我们有一个div,div中包含一个span,需求需要在鼠标在div内部时候监...
  • u012545279
  • u012545279
  • 2014年02月27日 11:23
  • 1394

妙用“Check out”与“Check In”

很多时候,我们ITAdministrator再规划文档管理的时候,都会建议Business Users把相关的文档放在一个Library中存储,比如培训方面的,放在Training Docum...
  • ShelleyLiu0415
  • ShelleyLiu0415
  • 2015年10月27日 10:44
  • 2124

mouseover和mouseout多次触发解决方法(兼容ie和firefox)

原文地址:http://litib.tk/2010/08/mouseover%E5%92%8Cmouseout%E5%A4%9A%E6%AC%A1%E8%A7%A6%E5%8F%91%E8%A7%A3...
  • junmoxie
  • junmoxie
  • 2014年08月29日 13:44
  • 912
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Enable不能和MouseOver、Out等并列作为状态
举报原因:
原因补充:

(最多只允许输入30个字)