flex <param name="wmode" value="transparent">鼠标滚轮控制问题

最新推荐文章于 2024-10-04 15:17:26 发布

原创最新推荐文章于 2024-10-04 15:17:26 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

Flex 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决Flash在透明模式下无法响应鼠标滚轮的问题。通过JS捕获滚轮事件并传递给Flash，实现对Flex DataGrid组件滚动条的控制。包括不同浏览器的事件监听适配。

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

1、网页嵌入flash后会覆盖html dom 元素，使用wmode为transparent时可以解决覆盖问题，因为此时它已经透明了。

2、transparent带来另一个问题，鼠标滚轮控制不了flash中的滚动条。

3、思路：通过js捕获鼠标滚轮事件，js调用flash方法传递滚轮->flash组件调用滚轮事件传递的参数。

eg：使用js捕获鼠标滚轮事件后控制flex dataGrid组件的滚动条

js代码

[javascript] view plain copy print ?

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);
}
}

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 监听方法和回调方法，方法如下

[java] view plain copy print ?

ExternalInterface.addCallback("jsWheelZoom", jsWheelZoom);

ExternalInterface.addCallback("jsWheelZoom", jsWheelZoom);

[java] view plain copy print ?

ExternalInterface.call("addMouseWheelListener");

ExternalInterface.call("addMouseWheelListener");

[java] view plain copy print ?

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;
}
}
}