Flex屏蔽默认右键菜单。

最新推荐文章于 2021-02-26 12:39:19 发布

原创最新推荐文章于 2021-02-26 12:39:19 发布 · 111 阅读

0 ·

CC 4.0 BY-SA版权

技术杂绘专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何通过JS监听和Flex交互实现自定义Flash播放器的右键菜单，包括屏蔽默认菜单、添加自定义菜单项及实现过程中的注意事项。

　　首先需要修改index.template.html生成的静态模板页面,使用js监听document.onmousedown事件，并调用Flex里暴露的方法，代码如下：(Index为生成的flash对象id) function onNsRightClick(e){
　　if(e.which ==3){
　　Index.openRightClick();
　　e.stopPropagation();
　　}
　　returnfalse;
　　}
　　function onIeRightClick(e){
　　if(event.button >1){
　　Index.openRightClick();
　　parent.frames.location.replace('javascript: parent.falseframe');
　　}
　　returnfalse;
　　}
　　if(navigator.appName =="Netscape"){
　　document.captureEvents(Event.MOUSEDOWN);
　　document.addEventListener("mousedown", onNsRightClick, true);
　　}
　　else{
　　document.onmousedown=onIeRightClick;
　　}
　　第二步，还需要修改index.template.html默认生成flash的脚本，在AC_FL_RunContent方法调用里添加一行"wmode", "opaque",参数设置，这是关键。
　　最后，在Flex端注册暴露能被js调用的函数，ExternalInterface.addCallback("openRightClick", openRightClick);我的是写在Application的creationComplete事件里的，另外增加Application的mouseOver、mouseDown事件，在showMouseEvent方法里就能自定义模拟显示右键菜单了，mxml代码如下：
　　
　　css/style.css">
　　Flex/Login.aspx" method="get" showBusyCursor="true" result="httpsLogin_Result()">
　　
　　
　　{this.txtUserName.text}
　　
　　
　　{this.txtPassword.text}
　　
　　
　　
　　
　　= 18 ? "no" : "yes");
　　ExternalInterface.addCallback("openRightClick", openRightClick);
　　}
　　private function getMouseTarget(event:MouseEvent):void
　　{
　　mouseTarget = DisplayObject(event.target);
　　}
　　private function openRightClick():void
　　{
　　var e:MouseEvent = new MouseEvent(MouseEvent.MOUSE_DOWN, true, false, mouseTarget.mouseX, mouseTarget.mouseY);
　　mouseTarget.dispatchEvent(e);
　　}
　　private function showMouseEvent(event:MouseEvent):void
　　{
　　if(event.buttonDown == true)
　　Alert.show("Left");
　　else
　　Alert.show("Right");
　　}
　　]]>
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　凡事有利就有弊，由于屏蔽了右键菜单，TextInput文本框默认也没有粘贴的选项了，由于设置了flash的wmode为opaque，导致一些中文输入的反作用，所以没有特别的需求还是不屏蔽到默认右键菜单，如果要加上一些自己定义的上下文菜单，Flex内也很简单，在Application的上下文内添加条不可选的菜单项实现如下： // 隐藏一些内建的鼠标右键菜单项
　　this.contextMenu.hideBuiltInItems();
　　var contextMenuItem : ContextMenuItem =new ContextMenuItem("Powered By: Jonllen");
　　contextMenuItem.enabled =false;
　　contextMenu.customItems.push(contextMenuItem);
　　this.contextMenu.customItems.push(contextMenuItem);