MOUSE_OVER & ROLL_OVER

最新推荐文章于 2025-08-08 22:24:59 发布
转载 最新推荐文章于 2025-08-08 22:24:59 发布 · 89 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/390225
文章标签：

#php

本文通过一个小实验对比了MouseOver与RollOver两种鼠标事件的区别。MouseOver事件具备冒泡机制，即当鼠标移过一个对象及其子对象时都会触发该事件；而RollOver事件不具备冒泡机制，只有当鼠标移过对象本身时才会触发。

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

MOUSE_OVER & ROLL_OVER
2009年7月17日 | 标签:
转：http://www.youyee.org/viewpoint/article_view.php?topic_id=90

在某种意义上。RollOver和MouseOver是一样的，他们都是监听鼠标在DisplayObject上的触发事件，很多时候大家都可以互换使用。正如RollOut和MouseOut一样，但是有人便开始问了，如果一样为什么还要存在两个这样的事件呢？不是多此一举了吗？

实际上RollOver和MouseOver是有微妙的差别的。

假设现在存在一个Sprite姑且命名其为father,然后Sprite里面有一个背景（DisplayObject）和一个按钮（SimpleButton），背景面积比按钮要大且处于最低层(index = 0)，按钮处于背景的正中处于背景的上一层(index = 1)，那么此时如果我们先开始对father监听MouseEvent.MouseOver事件：

1st.鼠标移到背景上，但还没有触碰到按钮，这个时候father发出了一个MouseEvent.MOUSE_OVER事件。

2nd.接着把鼠标继续移到按钮上，此时father又会发出一个MouseEvent.MOUSE_OVER事件。

然后我们继续对father监听MouseEvent.ROLL_OVER事件：

1st.鼠标移到背景上，但还没有触碰到按钮，这个时候father发出了一个MouseEvent.ROLL_OVER事件。

2nd.接着把鼠标继续移到按钮上，此时father并没有发出MouseEvent.ROLL_OVER事件。

从上面的小实验应该能够大体区分出两个事件的微妙与不同了，相信有经验的朋友也一定猜出来其中的缘由了，之所以造成两个事件不同的本质因素就是冒泡机制 (Bubble)，ROLL_OVER明显不具备冒泡属性，而MOUSE_OVER则有，所以即便是子元素（Child）的鼠标事件也会一层层的冒出来被addEventListener接收到。从而也可以解释MouseEvent.MOUSE_OUT和MouseEvent.ROLL_OVER之间的微妙差别了
本文转自jiahuafu博客园博客，原文链接http://www.cnblogs.com/jiahuafu/archive/2010/12/01/1892605.html如需转载请自行联系原作者

jiahuafu

Actionscript 3.0事件之Mouse_OVER,MOUSE_OUT,ROLL_OVER,ROLL_OUT的区别
Day And Night
05-01 1556
最近研究了actionscript 3.0的事件机制，其实不难。但是在鼠标事件中，有几个事件类型非常相近，一开始没有在意，以至于陷于困难。后来回头再细看AS的事件机制，突然恍然大悟。起个例子吧：package{import flash.display.MovieClip;import flash.display.Sprite;import flash.events.MouseEvent;public class MouseEvents extends Sprite{public function Mouse
flash鼠标事件处理
05-09
7. ** MouseEvent.ROLL_OVER ** 和 ** MouseEvent.ROLL_OUT **：这些是MOUSE_OVER和MOUSE_OUT的缓存版本，提高了性能。它们在鼠标指针在舞台上的移动过程中不会频繁触发，只有当鼠标确实进入或离开对象时才触发。 8...
ActionScript3中鼠标事件中的MOUSE_OVER和ROLL_OVER有什么异同点
weixin_52359013的博客
04-01 169
触发时机：用途：触发频率：冒泡行为：连续触发：性能影响：
MOUSE_OVER/MOUSE_OUT与ROLL_OVER/ROLL_OUT的区别
weixin_30482383的博客
08-14 138
MOUSE_OVER和MOUSE_OUT除了对监听该事件的控件作出响应，同时也对该控件的所有子控件(拥有该事件)进行响应 ROLL_OVER和ROLL_OUT则相反，只响应监听该事件的控件 Code package{importflash.display.Sprite;importflash.display.StageScaleMode;importflas...
[转]AS3.0中MOUSE_OVER、ROLL_OVER，MOUSE_OUT、ROLL_OUT区别
Flex专栏
09-08 262
殿堂之路上面对这两个事件的说明很详细，我也引用一下书上面的话： 这两个事件都是侦听鼠标指针当前是否在现实对象上方的。所不同的是MouseEvent.ROLL_OVER和MouseEvent.ROLL_OUT事件的bubbles属性为FALSE，意味着这两个事件不参与事件流冒泡。这会带来什么不同呢？举例说明，一个容器有子对象A和B，制定该容器侦听MouseEvent.ROLL_OVER事件，tar...
AS3：辨析ROLL_OVER与MOUSE_OVER，ROLL_OUT与MOUSE_OUT
CQGCCL的专栏
05-12 610
ROLL_OVER与MOUSE_OVER的调度的区别 可视组件在鼠标进入该组件时会调度MOUSE_OVER事件，即使是从其子组件移到该组件依然会触发该事件。可视组件在鼠标从不是其子组件的其余组件中进入该组件时会调度ROLL_OVER事件，直观来看，就是鼠标从外部移入该组件才调用。 ROLL_OUT与MOUSE_OUT的调度的区别 可视组件在鼠标移出该组件时会调度MOUSE_OUT事件
[转]区别AS3.0中MOUSE_OVER、ROLL_OVER，MOUSE_OUT、ROLL_OUT
gaoqiang1992的博客
12-16 485
[转]区别AS3.0中MOUSE_OVER、ROLL_OVER，MOUSE_OUT、ROLL_OUT  殿堂之路上面对这两个事件的说明很详细，我也引用一下书上面的话：  这两个事件都是侦听鼠标指针当前是否在现实对象上方的。所不同的是MouseEvent.ROLL_OVER和MouseEvent.ROLL_OUT事件的bubbles属性为FALSE，意味着这两
ROLL_OVER与MOUSE_OVER
weixin_38169769的博客
01-16 99
ROLL_OVER与MOUSE_OVER的调度的区别 可视组件在鼠标进入该组件时会调度MOUSE_OVER事件，即使是从其子组件移到该组件依然会触发该事件。 可视组件在鼠标从不是其子组件的其余组件中进入该组件时会调度ROLL_OVER事件，直观来看，就是鼠标从外部移入该组件才调用。 ROLL_OUT与MOUSE_OUT的调度的区别 可视组件在鼠标移出该组件时会调度MO...
ROLL_OVER和MOUSE_OVER
skiing_886的专栏
01-11 700
ROLL_OVER与MOUSE_OVER的调度的区别 可视组件在鼠标进入该组件时会调度MOUSE_OVER事件，即使是从其子组件移到该组件依然会触发该事件。 可视组件在鼠标从不是其子组件的其余组件中进入该组件时会调度ROLL_OVER事件，直观来看，就是鼠标从外部移入该组件才调用。 ROLL_OUT与MOUSE_OUT的调度的区别 可视组件在鼠标移出该组件时会调度MOUSE_OUT事
flash 的 MouseEvent 浅淡(ROLL_OVER 与 MOUSE_OVER 区别)
lake1314的专栏
06-16 4598
经常发现有部分flash 开发人员对MouseEvent中的一些事件类型区分不是很清楚，闲来再谈一下flash 中的 MouseEvent 中的ROLL_OVER 和　MOUSE_OVER 的区别，希望能加深认识，废话少说，先直接上代码: package {     import flash.display.Shape;     import flash.display.Sprite;
flash 获取鼠标信息函数
02-17
6. `MouseEvent.ROLL_OVER` 和 `MouseEvent.ROLL_OUT`：分别在鼠标指针进入和离开显示对象的可激活区域时触发，不考虑嵌套的对象。 7. `MouseEvent.DOUBLE_CLICK`：当用户快速连续点击两次鼠标按钮时触发。 为了...
跟随鼠标运动的箭头示例：Flash事件处理与鼠标的交互
除了MOUSE_UP, MOUSE_DOWN, MOUSE_MOVE等基本鼠标事件，还有ROLL_OVER和ROLL_OUT（鼠标滚轮过滚）以及CLICK（单击）等，开发者可以根据具体需求选择和组合这些事件。通过这种方式，运动算法能够创建动态且互动性强的...
// A simple demo of 3D Tiles feature picking with hover and select behavior // Building data courtesy of NYC OpenData portal: http://www1.nyc.gov/site/doitt/initiatives/3d-building.page const viewer = new Cesium.Viewer(“cesiumContainer”, { terrain: Cesium.Terrain.fromWorldTerrain(), }); viewer.scene.globe.depthTestAgainstTerrain = true; // Set the initial camera view to look at Manhattan const initialPosition = Cesium.Cartesian3.fromDegrees( -74.01881302800248, 40.69114333714821, 753, ); const initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees( 21.27879878293835, -21.34390550872461, 0.0716951918898415, ); viewer.scene.camera.setView({ destination: initialPosition, orientation: initialOrientation, endTransform: Cesium.Matrix4.IDENTITY, }); // Load the NYC buildings tileset try { const tileset = await Cesium.Cesium3DTileset.fromIonAssetId(75343); viewer.scene.primitives.add(tileset); } catch (error) { console.log(Error loading tileset: ${error}); } // HTML overlay for showing feature name on mouseover const nameOverlay = document.createElement(“div”); viewer.container.appendChild(nameOverlay); nameOverlay.className = “backdrop”; nameOverlay.style.display = “none”; nameOverlay.style.position = “absolute”; nameOverlay.style.bottom = “0”; nameOverlay.style.left = “0”; nameOverlay.style[“pointer-events”] = “none”; nameOverlay.style.padding = “4px”; nameOverlay.style.backgroundColor = “black”; // Information about the currently selected feature const selected = { feature: undefined, originalColor: new Cesium.Color(), }; // An entity object which will hold info about the currently selected feature for infobox display const selectedEntity = new Cesium.Entity(); // Get default left click handler for when a feature is not picked on left click const clickHandler = viewer.screenSpaceEventHandler.getInputAction( Cesium.ScreenSpaceEventType.LEFT_CLICK, ); // Update the ‘nameOverlay’ for the given picked feature, // at the given (screen) position. function updateNameOverlay(pickedFeature, position) { if (!Cesium.defined(pickedFeature)) { nameOverlay.style.display = “none”; return; } // A feature was picked, so show its overlay content nameOverlay.style.display = “block”; nameOverlay.style.bottom = ${viewer.canvas.clientHeight - position.y}px; nameOverlay.style.left = ${position.x}px; const name = pickedFeature.getProperty(“BIN”); nameOverlay.textContent = name; } // Create the HTML that will be put into the info box that shows // information about the currently selected feature function createPickedFeatureDescription(pickedFeature) { const description = ${ '<table class="cesium-infoBox-defaultTable"><tbody>' + "<tr><th>BIN</th><td>" }${pickedFeature.getProperty("BIN")}</td></tr> + <tr><th>DOITT ID</th><td>${pickedFeature.getProperty( "DOITT_ID", )}</td></tr> + <tr><th>SOURCE ID</th><td>${pickedFeature.getProperty( "SOURCE_ID", )}</td></tr> + <tr><th>Longitude</th><td>${pickedFeature.getProperty( "Longitude", )}</td></tr> + <tr><th>Latitude</th><td>${pickedFeature.getProperty( "Latitude", )}</td></tr> + <tr><th>Height</th><td>${pickedFeature.getProperty("Height")}</td></tr> + <tr><th>Terrain Height (Ellipsoid)</th><td>${pickedFeature.getProperty( "TerrainHeight", )}</td></tr> + </tbody></table>; return description; } // If silhouettes are supported, silhouette features in blue on mouse over and silhouette green on mouse click. // If silhouettes are not supported, change the feature color to yellow on mouse over and green on mouse click. if (Cesium.PostProcessStageLibrary.isSilhouetteSupported(viewer.scene)) { // Silhouettes are supported const silhouetteBlue = Cesium.PostProcessStageLibrary.createEdgeDetectionStage(); silhouetteBlue.uniforms.color = Cesium.Color.BLUE; silhouetteBlue.uniforms.length = 0.01; silhouetteBlue.selected = []; const silhouetteGreen = Cesium.PostProcessStageLibrary.createEdgeDetectionStage(); silhouetteGreen.uniforms.color = Cesium.Color.LIME; silhouetteGreen.uniforms.length = 0.01; silhouetteGreen.selected = []; viewer.scene.postProcessStages.add( Cesium.PostProcessStageLibrary.createSilhouetteStage([ silhouetteBlue, silhouetteGreen, ]), ); // Silhouette a feature blue on hover. viewer.screenSpaceEventHandler.setInputAction(function onMouseMove(movement) { // If a feature was previously highlighted, undo the highlight silhouetteBlue.selected = []; // Pick a new feature const pickedFeature = viewer.scene.pick(movement.endPosition); updateNameOverlay(pickedFeature, movement.endPosition); if (!Cesium.defined(pickedFeature)) { return; } // Highlight the feature if it's not already selected. if (pickedFeature !== selected.feature) { silhouetteBlue.selected = [pickedFeature]; } }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); // Silhouette a feature on selection and show metadata in the InfoBox. viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) { // If a feature was previously selected, undo the highlight silhouetteGreen.selected = []; // Pick a new feature const pickedFeature = viewer.scene.pick(movement.position); if (!Cesium.defined(pickedFeature)) { clickHandler(movement); return; } // Select the feature if it's not already selected if (silhouetteGreen.selected[0] === pickedFeature) { return; } // Save the selected feature's original color const highlightedFeature = silhouetteBlue.selected[0]; if (pickedFeature === highlightedFeature) { silhouetteBlue.selected = []; } // Highlight newly selected feature silhouetteGreen.selected = [pickedFeature]; // Set feature infobox description viewer.selectedEntity = selectedEntity; selectedEntity.description = createPickedFeatureDescription(pickedFeature); }, Cesium.ScreenSpaceEventType.LEFT_CLICK); } else { // Silhouettes are not supported. Instead, change the feature color. // Information about the currently highlighted feature const highlighted = { feature: undefined, originalColor: new Cesium.Color(), }; // Color a feature yellow on hover. viewer.screenSpaceEventHandler.setInputAction(function onMouseMove(movement) { // If a feature was previously highlighted, undo the highlight if (Cesium.defined(highlighted.feature)) { highlighted.feature.color = highlighted.originalColor; highlighted.feature = undefined; } // Pick a new feature const pickedFeature = viewer.scene.pick(movement.endPosition); updateNameOverlay(pickedFeature, movement.endPosition); if (!Cesium.defined(pickedFeature)) { return; } // Highlight the feature if it's not already selected. if (pickedFeature !== selected.feature) { highlighted.feature = pickedFeature; Cesium.Color.clone(pickedFeature.color, highlighted.originalColor); pickedFeature.color = Cesium.Color.YELLOW; } }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); // Color a feature on selection and show metadata in the InfoBox. viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) { // If a feature was previously selected, undo the highlight if (Cesium.defined(selected.feature)) { selected.feature.color = selected.originalColor; selected.feature = undefined; } // Pick a new feature const pickedFeature = viewer.scene.pick(movement.position); if (!Cesium.defined(pickedFeature)) { clickHandler(movement); return; } // Select the feature if it’s not already selected if (selected.feature === pickedFeature) { return; } selected.feature = pickedFeature; // Save the selected feature’s original color if (pickedFeature === highlighted.feature) { Cesium.Color.clone(highlighted.originalColor, selected.originalColor); highlighted.feature = undefined; } else { Cesium.Color.clone(pickedFeature.color, selected.originalColor); } // Highlight newly selected feature pickedFeature.color = Cesium.Color.LIME; // Set feature infobox description viewer.selectedEntity = selectedEntity; selectedEntity.description = createPickedFeatureDescription(pickedFeature); }, Cesium.ScreenSpaceEventType.LEFT_CLICK); 1 <style> 2 @import url(…/templates/bucket.css); 3 </style> 4 <div id=“cesiumContainer” class=“fullSize”></div> 5 <div id=“loadingOverlay”><h1>Loading…</h1></div> 6 <div id=“toolbar”></div> 7 结合这些代码做出《结合Cesium实现 3dtile 数据的拾取》 项目目标 通过本实验，需完成以下目标： 安装、配置并使用Cesium进行三维地球。 添加 3dtile 类型的模型数据，实现 3dtile模型数据的可视化。 实现 3dtile 数据的点击拾取查询，返回模型的属性信息 网页上通过按钮添加 3dtile 数据，点击拾取按钮实现点击查询要素信息 项目环境 编程语言：JavaScript 开发工具：Visual Studio Code 注意事项 Cesium配置：确保Cesium的静态资源正确加载，避免页面显示问题，要求将cesium加载纽约建筑改为武汉建筑的代码，摄像头视角改到武汉
06-12
roll: 0 } }); // 深度测试设置 viewer.scene.globe.depthTestAgainstTerrain = true; // 存储选中的特征信息 const selected = { feature: undefined, originalColor: new Cesium.Color() }; // 创建...
【BUUCTF系列】[极客大挑战 2019]Secret File 1
2402_84408069的博客
08-08 819
技术文章摘要本文分析了一个文件包含漏洞的利用过程。通过F12开发者工具和Burp抓包发现隐藏的secr3t.php文件，其源码存在文件包含功能但过滤了../、tp等关键词。研究采用php://filter伪协议绕过防护，通过Base64编码读取flag.php内容。最终解码获取flag，完整演示了从信息收集到漏洞利用的全流程。文末特别强调技术研究的合法边界，要求所有测试必须获得授权，并遵守最小影响原则和数据保护法规。
PHP-分支语句、while循环、for循环
m0_46471716的博客
08-04 938
default 标签和 if 中的 else 子句一样，它不是 switch 语句中必需的，可以。else if 语句和 else 语句一样，它延伸了 if 语句，else if 语句会根据不同的表达式来确定执行哪个语句。在上面的 else if 的语法中，如果第一个“判断条件 1”为 TRUE，则执行“语句块 1”语句；else 语句延伸了 if 语句，可以在 if 语句中表达式的值为 FALSE 时执行相应的语句。与 if 语句相同的是，如果“语句块 1”和“语句块 2”中都只包含一条语句的话，可。
ctfshow_萌新web9-web15-----rce
最新发布
hello_mszcc的博客
08-08 347
反引号``, 可以执行系统命令, 并返回一个字符串类型的变量, 用来保存命令的执行结果, 需要注意的是, 反引号``中的命令会先被执行并将结果以字符串类型的变量返回, 而后再参与到其他代码的执行, 类似一个函数。但是双引号中插入单引号，如果变量存在的话，还是可以执行的；其中的内容不会经过解释（\n不会输出为换行，而是直接输出），即内容会与输入的内容一致，的过滤, 我们可以使用?双引号中的内容将会被解释，即解析内容中的变量。
基于PHP的快递管理系统的设计与实现
weixin_47958760的博客
08-06 449
管理员： 登录：管理员可以通过用户名和密码登录系统，进入管理员后台管理界面。 个人中心：管理员可以查看和编辑个人信息，如姓名、联系方式等。 用户管理：管理员可以管理系统中的用户信息，包括添加新用户、编辑用户信息、查看用户列表、禁用或删除用户等操作。 取件通知管理：管理员可以管理取件通知，包括查看取件通知列表、发送取件通知、修改取件通知内容等。 快递信息管理：管理员可以管理系统中的快递信息，包括录入快递信息、查看快递详情、修改快递状态等操作。 取件信息管理：管理员可以管理用户的取件信息，包括记录用户的取件时间
从「同步」到「异步」：用 aiohttp 把 Python 网络 I/O 榨到极致
Y234567890_的博客
08-05 943
本文探讨了Python中IO瓶颈问题及异步编程优势。通过对比同步请求、线程池和异步协程三种方案下载100张图片的性能表现，展示了aiohttp框架在并发处理上的高效性。同步方案耗时22秒，20线程池降至2.7秒，而异步方案仅需2.4秒且内存占用更低。文章详细解析了aiohttp客户端/服务端实现，包括连接控制、错误处理和流量限制等关键点，并对比了同步与异步的心智模型差异。最后给出实践建议：aiohttp适合高并发网络IO场景，但不适用于CPU密集型任务。异步编程的核心价值在于最大化利用CPU资源，将等待时间
Java实现与PHP兼容的MD5加密技术详解
wolf23151269的博客
08-05 688
本文介绍了Java实现与PHP兼容的MD5加密技术。主要内容包括：MD5算法特性概述；Java中实现与PHP结果一致的MD5加密方法，重点解决字符编码差异问题；提供性能优化版本和文件MD5校验扩展实现；讨论了MD5的安全局限性和替代方案（如SHA-256、bcrypt）。文章通过测试用例验证了Java与PHP的MD5结果一致性，并解答了常见问题。虽然MD5已不推荐用于安全场景，但在非安全领域仍有应用价值。
Declare Sub mouse_event Lib "user32" (ByVal dwFlags As Long, _ ByVal dx As Long, ByVal dy As Long, ByVal cButtons As Long, _ ByVal dwExtraInfo As Long) Const MOUSEEVENTF_LEFTDOWN = &H2 Const MOUSEEVENTF_LEFTUP = &H4 ' 模拟点击函数 Sub SimulateClick(x As Long, y As Long) ' 移动鼠标到指定位置 mouse_event &H8001 Or &H1, x, y, 0, 0 ' 发送点击事件 mouse_event MOUSEEVENTF_LEFTDOWN, 0, 0, 0, 0 mouse_event MOUSEEVENTF_LEFTUP, 0, 0, 0, 0 End Sub ' 完整使用示例 Sub AutoClickDemo() Dim pos As POINTAPI pos = GetMousePosition() SimulateClick pos.X, pos.Y End Sub
03-23
正确的Declare语句应该是这样的：Declare Sub mouse_event Lib "user32" (ByVal dwFlags As Long, ByVal dx As Long, ByVal dy As Long, ByVal cButtons As Long, ByVal dwExtraInfo As Long)。不过，64位Office可能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值