RollOver和MouseOver的区别

最新推荐文章于 2015-11-17 17:55:46 发布
最新推荐文章于 2015-11-17 17:55:46 发布
阅读量219 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Flex 文章标签： RollOver MouseOver
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/joe_feng/article/details/84171408
本文深入探讨了鼠标滚轮滚动事件的触发机制与区别，详细解释了RollOver与RollOut事件与MouseOver与MouseOut事件之间的不同之处，以及事件触发条件与冒泡事件的区别。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

共同点：都是针对鼠标的进入和进出事件。

不同点：

1、如果对一个容器添加Button，那么RollOVer和RollOut事件只有在移入或移出容器的时候才触发，移入或移出Button上时不会执行RollOVer或RollOut事件。

 

2、RollOVer和RollOut不会执行冒泡事件，MouseOver和MouseOut会执行冒泡事件。

Mouseover Fade Effect.zip
11-08
压缩包中的"fade_rollover_hover_effect"可能是示例代码、HTML文件、CSS文件或图像资源，它们组合在一起展示了如何在实际项目中应用Mouseover Fade Effect。要完全理解并运用这个效果，你需要解压文件并查看其中的...
pkg_maximenuckparams_4.0.7.zip
09-02
Rollover on mouseover, on mouseclick, opening on mouseover and closing onclick iPhone, iPad, and Android compatibility Compatibility with Virtuemart, can automatically list the product categories ...
ROLL_OVER和MOUSE_OVER
skiing_886的专栏
01-11 700
ROLL_OVER与MOUSE_OVER的调度的区别 可视组件在鼠标进入该组件时会调度MOUSE_OVER事件，即使是从其子组件移到该组件依然会触发该事件。 可视组件在鼠标从不是其子组件的其余组件中进入该组件时会调度ROLL_OVER事件，直观来看，就是鼠标从外部移入该组件才调用。 ROLL_OUT与MOUSE_OUT的调度的区别 可视组件在鼠标移出该组件时会调度MOUSE_OUT事
MouseOut/MouseOver/RollOut/RollOver事件比照
weixin_34342992的博客
06-10 143
最近要做一个Flex的PropertyGrid，展示属性的方式并没有采用传统的PropertyGird的展示方法，但是主要的用户行为还是需要与传统的PropertyGrid一致的。 PropertyGrid分为两种状态"悬浮"和"内嵌"。状态为悬浮时，鼠标移动到Property MINI选项卡的时候，弹出PropertyGrid主窗体，隐藏MINI选项卡；鼠标移出PropertyGrid主窗体...
【Flash开发】mouseOver与rollOver的区别
weixin_30244681的博客
11-13 158
MouseEvent的mouseOver事件和rollOver事件是一个使用率很高的事件，它们都是对光标是否在可交互对象上进行判断，然而它们也存在一些区别。 mouseOver的触发机制： 当鼠标移到可交互对象实例上时调度，而且当鼠标进入显示对象容器的任何可交互对象的子对象区域时都会调度。 rollOver的触发机制： 当鼠标进入某个显示对象区域或者...
rollOut 、rollOver 和mouseOut 、mouseOver 事件的区别
gaopeng62524的专栏
07-01 1168
单独给一个控件或者一个没有孩子的容器添加这两个事件，运行起来没什么区别。区别在于给有孩子的容器添加这些事件的时候就不一样了。rollOut 、rollOver 在什么时候被调用呢？当你给一个有孩子的容器添加rollOut 、rollOver 事件后，当鼠标设备移动到这个容器内部区域时（内部区域包括该容器和该容器孩子区域上）触发rollOver事件，离开该容器触发rollOut事件（离
mouseOver 和rollOver区别
AS3 游戏开发
05-14 4859
mouseOver的bubbles是true，rollOver的bubbles是false。 两者的区别，其实要在侦听MOUSE_OUT事件时，变得很明显。 假如一个Canvas中间包含一个Button，比较侦听canvas的MOUSE_OUT和ROLL_OUT事件： 1.canvas.addEventListener(MouseEvent.MOUSE_OUT, mouseOutHand
Enable不能和MouseOver、Out等并列作为状态
tiangej的专栏
11-17 891
MouseOver/Out作为状态可以用来控制UI外观的切换，比如按钮颜色。 而Enable不能作为【状态】和MouseOver/Out同等定义。 因为它们是不同级别的。   举例： 按钮在鼠标移入，移出时改变按钮的颜色。 点击按钮后，让按钮失效（Enable->Disable）。   代码实现方法： 在按钮上监听MouseEvent.ROLLOVER、MouseEvent.RO
JavaScript实现翻转器（rollover）效果详解
2. 使用JavaScript事件监听器监听鼠标悬停事件（`mouseover` 和 `mouseout`）。 3. 在`mouseover`事件触发时，将原始图像替换为悬停图像。 4. 当`mouseout`事件触发时，恢复原始图像。 二、JavaScript 基础 1. **...
jQuery实现交互式相册翻滚效果：image-rollover示例
通常，这会涉及到添加鼠标事件监听器（如`mouseover`和`mouseout`），在这些事件发生时更改图片的`src`属性，或者使用jQuery的`.hover()`方法来切换不同的图片版本。 6. **alt属性与alt标签**: 虽然文章未直接提及...
mouseOver 和rollOver区别
lanyanai的专栏
10-14 647
mouseOver的bubbles是true，rollOver的bubbles是false。 两者的区别，其实要在侦听MOUSE_OUT事件时，变得很明显。 假如一个Canvas中间包含一个Button，比较侦听canvas的MOUSE_OUT和ROLL_OUT事件： 1.canvas.addEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler
RollOver和MouseOver的不同
yunzhongxia的专栏
12-12 187
      共同点：都是针对鼠标的进入和进出事件。       不同点：       1 如果对一个容器添加Button，那么RollOVer和RollOut事件只有在移入或移出容器的时候才触发，移入或移出Button上时不会执行RollOVer或RollOut事件。       2 RollOVer和RollOut不会执行冒泡事件，MouseOver和MouseOut会执行冒泡事件。...
鼠标事件：MouseOut与RollOut，MouseOver与RollOver
tiangej的专栏
01-04 1531
http://hi.baidu.com/duancx/blog/item/b6cce83622a92645241f14e0.html ：   这两类事件看起来是一样的，都是在鼠标经过组件时触发这个事件，但是如果要是真的一样的话，又不可能搞两个这样的，因此它们还是有些区别的，区别的地方就在于如果一个组件包含了另外一个组件，例如一个Canvas中包含一个按钮，那么ROLL_OVER和ROLL_OU
鼠标事件的mouseOver,rollOver,mouseOut,rollOut
wyr0924的专栏
11-21 1123
import flash.events.Event; /*outt.addEventListener(MouseEvent.ROLL_OVER,onOver); outt.addEventListener(MouseEvent.ROLL_OUT,onOut);*/ outt.addEventListener(MouseEvent.MOUSE_OVER,onOver); outt.addEvent
MouseOver事件与RollOver事件差别
哎咿呀
12-09 1160
曾经对这两个事件之间的差别比较迷惑，这不是差不多嘛，有区别么？后来写了一个Demo测试，就发现之间的不同之处。 显而易见，实践是检验真理的唯一标准！！！ mouse事件与roll事件的区别在于如下两点： 1、鼠标在母组件与子组件上移入移出时是否调度的区别； 2、mouse事件具有冒泡阶段而roll事件没有，决定了在子组件调度事件时母组件是否能监听到的区别。 总之，
TextArea设置文本的局部样式
joe_feng的博客
02-16 3134
  var tr:TextRange = new TextRange(ta,true,ta.selectionBeginIndex,ta.selectionEndIndex); tr.fontSize = 20; tr.fontWeight = "bold"; <mx:TextArea id="ta" width="300" height="200"/>
Datagrid动态添加列
joe_feng的博客
02-19 987
Datagrid的列是一个数组，动态添加列的方法是创建一个新的数组来存放Datagrid的所有列，然后往这个新的数组新增一列，最后再把Datagrid的列指向这个数组：     protected function btn_clickHandler(event:MouseEvent):void { var dc:DataGridColumn = new DataGridColumn()...
HtmlText中加入超链接
joe_feng的博客
02-16 706
  以下是Label中加入超链接的例子：   protected function lb_creationCompleteHandler(event:FlexEvent):void { lb.htmlText="测试内容请<a href='event:http://www.sina.com.cn'>点击</a>"; } protected function l...
Image拉伸
joe_feng的博客
02-17 590
应用场景： 当使用Image加载图片或swf文件时，希望所加载的内容按照我们设定的Image的尺寸拉伸，而不是按照其原始尺寸。 解决方案： <mx:Image source="assets/img/1.png" width="500" height="500" maintainAspectRatio="false" />   <s:Image sou...
rollover_alias
最新发布
04-09
### Elasticsearch Rollover Alias 的用途与示例 Rollover 是 Elasticsearch 中用于管理时间序列索引的一种机制。通过 `rollover` API，可以在满足特定条件时自动创建新的索引并将写入流量切换到新索引上，而无需中断应用程序的正常运行[^1]。 #### 基本概念 - **Alias**: 别名是一种指向实际索引的虚拟名称，在滚动过程中保持不变。 - **Primary Index**: 实际存储数据的目标索引。 - **Conditions**: 滚动触发的条件，例如索引大小达到某个阈值或文档数量超过指定值。 当使用 `rollover` 时，Elasticsearch 将会检查定义好的条件是否被满足。如果满足，则会创建一个新的索引，并更新别名使其指向新索引。 --- #### 配置 Rollover 示例 假设有一个名为 `logs-write` 的别名，它当前指向一个叫做 `logs-000001` 的索引。以下是配置和执行 rollover 的具体方法： ##### 创建初始索引和别名 首先需要手动创建第一个索引以及关联的别名： ```json PUT logs-000001 { "aliases": { "logs-write": {} } } ``` 上述命令将创建一个名为 `logs-000001` 的索引，并为其设置别名 `logs-write`。 --- ##### 设置 Rollover 条件 为了使 `logs-write` 自动切换到下一个索引，需提前设定好滚动策略。这一步通常是通过模板来实现的： ```json PUT _index_template/logs-template { "index_patterns": ["logs-*"], "template": { "settings": { "number_of_shards": 1, "number_of_replicas": 1 }, "aliases": { "logs-write": { "is_write_index": true } } } } ``` 此模板确保后续生成的新索引也会继承相同的别名 `logs-write` 并成为可写的主索引。 --- ##### 执行 Rollover 请求 一旦设置了条件，可以通过以下方式发起 rollover 请求： ```json POST logs-write/_rollover { "conditions": { "max_size": "5gb", "max_age": "7d" } } ``` 在此请求中，指定了两个条件： - 如果索引大小超过了 5GB； - 或者索引存在的时间已满 7 天； 只要任意一条条件成立，就会触发 rollover 行为，即创建一个新的索引（如 `logs-000002`），并让 `logs-write` 别名指向该新索引。 --- #### 结合 Curator 进行自动化管理 虽然可以直接通过 RESTful 接口调用 `rollover` API，但在生产环境中更推荐利用 Curator 工具简化流程。Curator 提供了灵活的任务调度功能，能够周期性地检测和处理索引生命周期中的各项事务[^4]。 下面展示如何编写 Curator 动作文件 (`action.yml`) 来支持 rollover： ```yaml actions: 1: action: rollover description: "> Roll over the index when it reaches certain conditions." options: name: logs- conditions: max_size: 5gb max_age: 7d ``` 保存以上内容至 `/opt/elasticsearch-curator/action.yml` 后，可通过定时任务安排其执行频率[^2]: ```bash 0 3 * * * curator --config /opt/elasticsearch-curator/config.yml /opt/elasticsearch-curator/action.yml ``` 这样每天凌晨三点钟都会尝试评估一次是否应该进行 rollover 操作。 --- ### 总结 通过对 `rollover` 和 Curator 的合理运用，可以有效减少人工干预成本，同时提升系统的可靠性和扩展性。无论是基于容量还是时效性的考虑，都能够在不影响服务可用性的前提下完成无缝迁移。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值