flex <param name="wmode" value="transparent">鼠标滚轮控制问题
2012-03-08 15:43
519 查看
1、网页嵌入flash后会覆盖html dom 元素,使用wmode为transparent时可以解决覆盖问题,因为此时它已经透明了。
2、transparent带来另一个问题,鼠标滚轮控制不了flash中的滚动条。
3、思路:通过js捕获鼠标滚轮事件,js调用flash方法传递滚轮->flash组件调用滚轮事件传递的参数。
eg:使用js捕获鼠标滚轮事件后控制flex dataGrid组件的滚动条
js代码
flex代码
在初始化时候注册js 监听方法和回调方法 ,方法如下
2、transparent带来另一个问题,鼠标滚轮控制不了flash中的滚动条。
3、思路:通过js捕获鼠标滚轮事件,js调用flash方法传递滚轮->flash组件调用滚轮事件传递的参数。
eg:使用js捕获鼠标滚轮事件后控制flex dataGrid组件的滚动条
js代码
function addMouseWheelListener(){ var flash = thisMovie("videoControl"); var ua = navigator.userAgent; if(ua.indexOf("Firefox") > -1){ flash.addEventListener('DOMMouseScroll',onWheelZoom,false); }else if(ua.indexOf("MSIE") == -1){ flash.addEventListener('mousewheel',onWheelZoom,false); }else{ flash.attachEvent('onmousewheel',onWheelZoom); } } function onWheelZoom(event){ var app = window.document["videoControl"]; if (app) { var o= {delta: event.wheelDelta} thisMovie("videoControl").jsWheelZoom(o); } }
flex代码
在初始化时候注册js 监听方法和回调方法 ,方法如下
ExternalInterface.addCallback("jsWheelZoom", jsWheelZoom);
ExternalInterface.call("addMouseWheelListener");
private function jsWheelZoom(o:Object):void { var e:MouseEvent = new MouseEvent(MouseEvent.MOUSE_WHEEL,true); e.delta = -(o.delta); onWheelZoom(e); } private function onWheelZoom(e:MouseEvent):void { if(e.delta>2) { this.camera.verticalScrollPosition += 1; if(this.camera.verticalScrollPosition > this.camera.maxVerticalScrollPosition) { this.camera.verticalScrollPosition = this.camera.maxVerticalScrollPosition } } if(e.delta<-2) { this.camera.verticalScrollPosition -= 1; if(this.camera.verticalScrollPosition < 0) { this.camera.verticalScrollPosition = 0; } } }
相关文章推荐
- flex <param name="wmode" value="transparent">鼠标滚轮控制问题
- <param name="wmode" value="transparent">
- <a href="<s:url action="navDel" ><s:param name="id" value="pid"/></s:url>"> 删除 </a>
- <param name="allowScriptAccess" value="never"/>是什么意思
- JSTL <c:out value="${EL}">不能正确输出的问题
- struts2文件下载及 <param name="inputName">inputStream</param>的理解
- <s:iterator value="pager.records" var="records" status="var">里的几个属性问题
- hibernate中配置<param name="sequence">SEQ_CLASS_ID</param>
- 使DIV层居于FLASH的上面,就只要下面这局就行<param name=”wmode” value=”opaque” />
- html <"input "/>关于value 空格后的内容消失的问题
- hibernate的<class name=" " table=" " schema=" "> 中schema的问题
- strut2下载文件的“ <param name="inputName"> tag specified for this action.”异常
- struts2文件下载及 <param name="inputName">inputStream</param>的理解
- 关于ViewState的问题 <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="之后有一大串乱码
- Spring 注解 hibernate 实体方法 <property name="packagesToScan" value="com.sise.domain"/>
- fckeditor零碎要点---3.<FCK:editor instanceName="myeditor" value="李德伟欢迎您" height="400"></FCK:editor
- 关于ViewState的问题 <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="之后有一大串乱码
- 最近的两个问题<input>与<frame src="/example/html/frame_a.html" name="showframe">
- /// <summary> /// 搜索 /// </summary> /// <param name="k"></param> /// <param name="cid"></param> ///
- <param name="aliases"></param>拦截器的参数