wmode为opaque或transparent不支持鼠标滚轮的解决

破晓

在chrome等浏览器会有这个问题， 需要在html页面用js捕捉滚轮事件，然后传入到flash里面，难点是到flash之后该怎么办，我这里采用类类似冒泡的方式来触发事件。

js代码（参考自：http://www.denisdeng.com/?p=685）

1. function wheel(obj, fn ,useCapture){
   
2.   var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"
   
3.   //FF doesn't recognize mousewheel as of FF3.x
   
4.   if (obj.attachEvent)
   
5.   //if IE (and Opera depending on user setting)
   
6.   obj.attachEvent("on"+mousewheelevt, handler, useCapture);
   
7.   else if (obj.addEventListener)
   
8.   //WC3 browsers
   
9.   obj.addEventListener(mousewheelevt, handler, useCapture);
   
10.   function handler(event) {
    
11.     var delta = 0;
    
12.     var event = window.event || event ;
    
13.     var delta =  event.detail ?  -event.detail/3 : event.wheelDelta/120;
    
14.     if (event.preventDefault)
    
15.     event.preventDefault();
    
16.     event.returnValue = false;
    
17.     return fn.apply(obj, [event, delta]);
    
18.   }
    
19. }
    
20. 
    
21. function addMouseWheelListener(){
    
22.   var target = document.getElementById('flashobjID');
    
23.   wheel(target,callWheel);
    
24. }
    
25. 
    
26. function callWheel(e,delta) {
    
27.   var target = document.getElementById('flashobjID');
    
28.    if(target!=undefined && target && target.fireWheel)
    
29.      {
    
30.                  //调用flash的方法
    
31.          target.fireWheel(delta);   
    
32.      }
    
33. }
    
34. 
    
35. //页面加载完，附近鼠标事件侦听
    
36. window.onload = addMouseWheelListener;

复制代码

flash代码：

1. ExternalInterface.addCallback('fireWheel', function(delta:int):void{
   
2. 
   
3.   //获取当前鼠标下面的所有对象
   
4.   var arr:Array = stage.getObjectsUnderPoint(new Point(stage.mouseX, stage.mouseY));
   
5.   if (arr.length == 0) return;
   
6.   //只找最接近鼠标的那一层来触发就好了，底下的挡住了不管
   
7.   var obj:DisplayObject = arr[arr.length-1];
   
8.   //从叶子节点，一层一层往根上找
   
9.   while (true)
   
10.   {
    
11.     if (obj is InteractiveObject)
    
12.     {
    
13.       var intobj:InteractiveObject = obj as InteractiveObject;
    
14.       
    
15.       if (intobj is TextField)
    
16.       {
    
17.         //TextField似乎不接受外部触发的滚轮事件，只能暴力
    
18.         if ((intobj as TextField).mouseEnabled)
    
19.         {
    
20.           (intobj as TextField).scrollV -= delta;
    
21.         }
    
22.       }
    
23.       else if (obj.hasEventListener(MouseEvent.MOUSE_WHEEL))
    
24.       {
    
25.         var me:MouseEvent = new MouseEvent(MouseEvent.MOUSE_WHEEL, false, false, 0, 0, intobj);
    
26.         me.delta = delta;
    
27.         obj.dispatchEvent(me);
    
28.       }
    
29.     }
    
30.     if (obj == stage || (!obj.parent))
    
31.     {
    
32.       break;
    
33.     }
    
34.     obj = obj.parent;
    
35.   }
    
36. 
    
37. });

复制代码

作者：YoYo，原文地址：http://yoyo.play175.com/p/206.html