axure商城

Axure屏蔽浏览器默认右键菜单的方法

在用Axure RP设计原型的时候,需要做这样一个交互:单击鼠标右键时,显示或隐藏一部分内容。但是鼠标右键在浏览器中默认会出来系统菜单。就会遮挡住我们想要展示的内容。

那么有没有办法禁用浏览器的右键菜单呢?当然可以实现,但这基本不属于axure的范畴了,是利用JS代码实现的。如果你有这种特殊需要,就按下面的方法操作吧!

首先,顶部菜单打开【发布】>【生成HTML 文件】进入下面的界面。

然后下面严格按照以下步骤操作:

1、点击Fonts,切换到自定义字体面板。

2、点击添加字体按钮

3、名称那里随便输入个123

4、点击@font-face

5、在下面的代码输入区输入下面的代码。

</style>
<script>
document.oncontextmenu = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false; 
    } 
}
</script><style>

输入代码后关闭掉这个界面即可,会自动保存。

然后再点预览,你的原型就不会出现浏览器的右键菜单了。

这段代码对输入框做了例外判断,不会影响粘贴内容到输入框中。

Axure RP 8或者10也可以实现,方法类似,可以自行研究。

给TA买糖
共{{data.count}}人
人已赞赏
产品经理高级教程

【产品设计】云服务产品维护方案(二)

2021-7-8 12:21:03

高级教程

AXURE绘制饼状图教程

2021-9-15 14:37:26

axure商城
5 条回复 A文章作者 M管理员
  1. 它山石

    黄药师,中继器有没有求一列数字之和的方法,找一圈没找到,好像没有类似sum这样的求和函数,那么要想实现对一列数的求和,有没有其他方法,求指点思路

  2. clover129684

    不错,亲测有效

  3. 大雄117318

    积分不够啊

  4. 高强

    感谢黄老师这?

  5. 李祖刚

    优秀的题主,辛苦

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索