Flex中的鼠标右键

今天用了一小段时间实现了Flex自定义的右键菜单。

 

      在Flex程序中，如果实现自定义的右键菜单，简单的通过ContextMenu类的操作是不行的。不能去掉Flash Player自带的三条信息。

 

      通过参考网上的一些blog，最终找到了解决的方案，那就是屏蔽浏览器的鼠标右键，同时监听鼠标右键，当触发右键点击事件的时候，JavaScript调用Flex程序中的方法生成自定义的右键菜单。

 

      首先添加JavaScript代码（可以修改Flex工程下html-template/index.template.html，防止编译的时候原来写的JavaScript代码全部被清空）

 

 

<script>
function onNsRightClick(e){
    if(e.which == 3){
         FlexTest.openRightClick();
         e.stopPropagation(); 
    }
    stopDefault();

    return false;
}

function onIeRightClick(e){
     if(event.button > 1){
          FlexTest.openRightClick();  

          //Flex.openRightClick();//这句话是为了出错让js不再往下执行，从而禁止flash中鼠标右键的现实，但是在状态栏中会报错；  

          parent.frames.location.replace('javascript: parent.falseframe');
          e.stopPropagation();                   //这句是关键
      }
      stopDefault();

      return false;

}
//stopDefault方法是可以阻止浏览器的默认事件触发，试用了下，在IE6下能实现是阻止右键，但是在IE8下就不管事了。
 function stopDefault( e ) { 
                if ( e && e.preventDefault ){
                    e.preventDefault(); 
                }else{ 
                    window.event.returnValue = false; 
                }
                return false; 
            } 
if(navigator.appName == "Netscape"){
      document.captureEvents(Event.MOUSEDOWN); 
      document.addEventListener("mousedown", onNsRightClick, true); 
}else{
      document.onmousedown=onIeRightClick; 
}

</script>

     Flex代码：

 

在<mx:Application>中添加createComplete="{init()}"

//注册一个回调函数
private function init():void{
    ExternalInterface("openRightClick",showMenu);
}

//菜单位置
private function showMenu():void{
      tempMenu.x = this.mouseX;
      tempMenu.y = this.mouseY;
}

//菜单的布局
<mx:Canvas id="tempMenu" backgroundColor="0xFFFFFF">
      ...
</mx:Canvas>

 

 

    另外还需要添加如下关键的配置

   改wmode参数, 将wmode设置为opaque或transparent都可以达到这个效果

AC_FL_RunContent(
   "src", "playerProductInstall",
   "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
   "width", "100%",
   "height", "100%",
   "align", "middle",
   "id", "FlexTest",
   "wmode", "opaque", //////////////////////注意:这里是关键
   "quality", "high",
   "bgcolor", "#869ca7",
   "name", "FlexTest",
   "allowScriptAccess","sameDomain",
   "type", "application/x-shockwave-flash",
   "pluginspage", "http://www.adobe.com/go/getflashplayer"
);

 

这样就能实现自定义右键菜单了。