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也可以實現，方法類似，可以自行研究。