屏蔽浏览器的鼠标右键,同时监听鼠标右键,当触发右键点击事件的时候,JavaScript调用Flex程序中的方法生成自定义的右键菜单。
首先添加JavaScript代码(可以修改Flex工程下html-template/index.template.html,防止编译的时候原来写的JavaScript代码全部被清空)
- <script>
- function onNsRightClick(e){
- if(e.which == 3){
- FlexTest.openRightClick();
- e.stopPropagation();
- }
- stopDefault();
<script>
function onNsRightClick(e){
if(e.which == 3){
FlexTest.openRightClick();
e.stopPropagation();
}
stopDefault();
- returnfalse;
- }
- 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;
}
function onIeRightClick(e){
if(event.button > 1){
FlexTest.openRightClick();
//Flex.openRightClick();//这句话是为了出错让js不再往下执行,从而禁止flash中鼠标右键的现实,但是在状态栏中会报错;
parent.frames.location.replace('javascript: parent.falseframe');
e.stopPropagation(); //这句是关键
}
stopDefault();
- returnfalse;
- }
- //stopDefault方法是可以阻止浏览器的默认事件触发,试用了下,在IE6下能实现是阻止右键,但是在IE8下就不管事了。
- function stopDefault( e ) {
- if ( e && e.preventDefault ){
- e.preventDefault();
- }else{
- window.event.returnValue = false;
- }
- returnfalse;
- }
- if(navigator.appName == "Netscape"){
- document.captureEvents(Event.MOUSEDOWN);
- document.addEventListener("mousedown", onNsRightClick, true);
- }else{
- document.οnmοusedοwn=onIeRightClick;
- }
- </script>
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>
在<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"
- );