Axure怎么屏蔽瀏覽器默認(rèn)右鍵菜單
發(fā)布時(shí)間:2022-03-12 11:13 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

在用Axure RP設(shè)計(jì)原型的時(shí)候，需要做這樣一個(gè)交互：?jiǎn)螕羰髽?biāo)右鍵時(shí)，顯示或隱藏一部分內(nèi)容。但是鼠標(biāo)右鍵在瀏覽器中默認(rèn)會(huì)出來(lái)系統(tǒng)菜單。就會(huì)遮擋住我們想要展示的內(nèi)容。

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

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

然后下面嚴(yán)格按照以下步驟操作：

1、點(diǎn)擊Fonts，切換到自定義字體面板。

2、點(diǎn)擊添加字體按鈕

3、名稱那里隨便輸入個(gè)123

4、點(diǎn)擊@font-face

5、在下面的代碼輸入?yún)^(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>

輸入代碼后關(guān)閉掉這個(gè)界面即可，會(huì)自動(dòng)保存。

然后再點(diǎn)預(yù)覽，你的原型就不會(huì)出現(xiàn)瀏覽器的右鍵菜單了。

這段代碼對(duì)輸入框做了例外判斷，不會(huì)影響粘貼內(nèi)容到輸入框中。

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