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商城
3 條回復 A文章作者 M管理員
  1. 大雄117318

    積分不夠啊

  2. 高強

    感謝黃老師這??

  3. 李祖剛

    優秀的題主,辛苦

?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo