今天用了一小段时间实现了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.οnmοusedοwn=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"
);
这样就能实现自定义右键菜单了。