相關(guān)推薦
您可能對(duì)下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有16723人學(xué)過

UI交互app及axure設(shè)計(jì)教程

84小節(jié)已有76118人學(xué)過

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

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

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

首先,頂部菜單打開【發(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)入購買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
相關(guān)推薦
您可能對(duì)下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有16723人學(xué)過

UI交互app及axure設(shè)計(jì)教程

84小節(jié)已有76118人學(xué)過

分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會(huì)計(jì)課程 興趣成長 AIGC