RollOver和MouseOver的区别

最新推荐文章于 2025-10-04 09:07:44 发布
原创 最新推荐文章于 2025-10-04 09:07:44 发布 · 235 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#RollOver #MouseOver

本文深入探讨了鼠标滚轮滚动事件的触发机制与区别，详细解释了RollOver与RollOut事件与MouseOver与MouseOut事件之间的不同之处，以及事件触发条件与冒泡事件的区别。

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

不同点：

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。要完全理解并运用这个效果，你需要解压文件并查看其中的...
ROLL_OVER和MOUSE_OVER
skiing_886的专栏
01-11 710
ROLL_OVER与MOUSE_OVER的调度的区别 可视组件在鼠标进入该组件时会调度MOUSE_OVER事件，即使是从其子组件移到该组件依然会触发该事件。 可视组件在鼠标从不是其子组件的其余组件中进入该组件时会调度ROLL_OVER事件，直观来看，就是鼠标从外部移入该组件才调用。 ROLL_OUT与MOUSE_OUT的调度的区别 可视组件在鼠标移出该组件时会调度MOUSE_OUT事
MouseOut/MouseOver/RollOut/RollOver事件比照
weixin_34342992的博客
06-10 155
最近要做一个Flex的PropertyGrid，展示属性的方式并没有采用传统的PropertyGird的展示方法，但是主要的用户行为还是需要与传统的PropertyGrid一致的。 PropertyGrid分为两种状态"悬浮"和"内嵌"。状态为悬浮时，鼠标移动到Property MINI选项卡的时候，弹出PropertyGrid主窗体，隐藏MINI选项卡；鼠标移出PropertyGrid主窗体...
【Flash开发】mouseOver与rollOver的区别
weixin_30244681的博客
11-13 166
MouseEvent的mouseOver事件和rollOver事件是一个使用率很高的事件，它们都是对光标是否在可交互对象上进行判断，然而它们也存在一些区别。 mouseOver的触发机制： 当鼠标移到可交互对象实例上时调度，而且当鼠标进入显示对象容器的任何可交互对象的子对象区域时都会调度。 rollOver的触发机制： 当鼠标进入某个显示对象区域或者...
rollOut 、rollOver 和mouseOut 、mouseOver 事件的区别
gaopeng62524的专栏
07-01 1189
单独给一个控件或者一个没有孩子的容器添加这两个事件，运行起来没什么区别。区别在于给有孩子的容器添加这些事件的时候就不一样了。rollOut 、rollOver 在什么时候被调用呢？当你给一个有孩子的容器添加rollOut 、rollOver 事件后，当鼠标设备移动到这个容器内部区域时（内部区域包括该容器和该容器孩子区域上）触发rollOver事件，离开该容器触发rollOut事件（离
mouseOver 和rollOver区别
AS3 游戏开发
05-14 4871
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 917
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标签**: 虽然文章未直接提及...
25、为网页添加图形效果
最新发布
blockchain9miner的博客
10-04 15
本文详细介绍了如何使用JavaScript和jQuery为网页添加图形效果，涵盖图像替换、rollover效果实现、图像预加载技术及其应用场景。通过具体代码示例和流程图，帮助开发者提升网页的视觉吸引力与用户交互体验，并提供了注意事项、常见问题解决方法及技术拓展建议。
mouseOver 和rollOver区别
lanyanai的专栏
10-14 664
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 195
      共同点：都是针对鼠标的进入和进出事件。       不同点：       1 如果对一个容器添加Button，那么RollOVer和RollOut事件只有在移入或移出容器的时候才触发，移入或移出Button上时不会执行RollOVer或RollOut事件。       2 RollOVer和RollOut不会执行冒泡事件，MouseOver和MouseOut会执行冒泡事件。...
鼠标事件：MouseOut与RollOut，MouseOver与RollOver
tiangej的专栏
01-04 1554
http://hi.baidu.com/duancx/blog/item/b6cce83622a92645241f14e0.html ：   这两类事件看起来是一样的，都是在鼠标经过组件时触发这个事件，但是如果要是真的一样的话，又不可能搞两个这样的，因此它们还是有些区别的，区别的地方就在于如果一个组件包含了另外一个组件，例如一个Canvas中包含一个按钮，那么ROLL_OVER和ROLL_OU
鼠标事件的mouseOver,rollOver,mouseOut,rollOut
wyr0924的专栏
11-21 1142
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 1174
曾经对这两个事件之间的差别比较迷惑，这不是差不多嘛，有区别么？后来写了一个Demo测试，就发现之间的不同之处。 显而易见，实践是检验真理的唯一标准！！！ mouse事件与roll事件的区别在于如下两点： 1、鼠标在母组件与子组件上移入移出时是否调度的区别； 2、mouse事件具有冒泡阶段而roll事件没有，决定了在子组件调度事件时母组件是否能监听到的区别。 总之，
TextArea设置文本的局部样式
joe_feng的博客
02-16 3167
  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 1015
Datagrid的列是一个数组，动态添加列的方法是创建一个新的数组来存放Datagrid的所有列，然后往这个新的数组新增一列，最后再把Datagrid的列指向这个数组：     protected function btn_clickHandler(event:MouseEvent):void { var dc:DataGridColumn = new DataGridColumn()...
HtmlText中加入超链接
joe_feng的博客
02-16 724
  以下是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 615
应用场景： 当使用Image加载图片或swf文件时，希望所加载的内容按照我们设定的Image的尺寸拉伸，而不是按照其原始尺寸。 解决方案： <mx:Image source="assets/img/1.png" width="500" height="500" maintainAspectRatio="false" />   <s:Image sou...
rollover_alias
04-09
通过对 `rollover` 和 Curator 的合理运用，可以有效减少人工干预成本，同时提升系统的可靠性和扩展性。无论是基于容量还是时效性的考虑，都能够在不影响服务可用性的前提下完成无缝迁移。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值