Axure怎么屏蔽瀏覽器默認右鍵菜單
發(fā)布時間:2022-03-12 11:13 [ 我要自學網原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2528

在用Axure RP設計原型的時候，需要做這樣一個交互：單擊鼠標右鍵時，顯示或隱藏一部分內容。但是鼠標右鍵在瀏覽器中默認會出來系統菜單。就會遮擋住我們想要展示的內容。

那么有沒有辦法禁用瀏覽器的右鍵菜單呢？當然可以實現，但這基本不屬于axure的范疇了，是利用JS代碼實現的。如果你有這種特殊需要，就按下面的方法操作吧！

首先，頂部菜單打開【發(fā)布】>【生成HTML 文件】進入下面的界面。

然后下面嚴格按照以下步驟操作：

1、點擊Fonts，切換到自定義字體面板。

2、點擊添加字體按鈕

3、名稱那里隨便輸入個123

4、點擊@font-face

5、在下面的代碼輸入區(qū)輸入下面的代碼。

  1. </style>
  2. <script>
  3. document.oncontextmenu = function (event){
  4.     if(window.event){
  5.         event = window.event;
  6.     }try{
  7.         var the = event.srcElement;
  8.         if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
  9.             return false;
  10.         }
  11.         return true;
  12.     }catch (e){
  13.         return false; 
  14.     } 
  15. }
  16. </script><style>

輸入代碼后關閉掉這個界面即可，會自動保存。

然后再點預覽，你的原型就不會出現瀏覽器的右鍵菜單了。

這段代碼對輸入框做了例外判斷，不會影響粘貼內容到輸入框中。

UI交互app及axure設計教程
我要自學網商城 ￥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī)，
承擔因您的行為而導致的法律責任，
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經閱讀并接受
上述條款。
V
特惠充值
聯系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設計 室內設計 室外設計 機械設計 工業(yè)自動化 影視動畫 程序開發(fā) 網頁設計 會計課程 興趣成長 AIGC