[發明專利]一種WEB頁面上的右鍵菜單的處理方法、系統、介質和計算機設備

在審

• 申請號: 201811268639.2
• 申請日: 2018-10-29
• 公開（公告）號: CN111104109A
• 公開（公告）日: 2020-05-05
• 發明（設計）人: 易榜宇;萬振;趙鵬
• 申請（專利權）人: 北京數聚鑫云信息技術有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/41
• 代理公司: 北京名華博信知識產權代理有限公司 11453
• 代理人: 白瑩;苗源

本申請公開了一種WEB頁面上的右鍵菜單的處理方法、系統、介質和計算機設備，該方法包括：將待生成右鍵菜單的頁面元素表示為標識符，并記錄所述頁面元素與所述標識符的對應關系，其中所述標識符與所述頁面元素一一對應；利用所述標識符，為所述標識符對應的所述頁面元素編寫右鍵菜單配置文件；判斷所述頁面元素所在的頁面是否存在對應的右鍵點擊響應事件，若不存在則為該頁面設置右鍵點擊響應事件。該方法和系統操作步驟更為簡單，效率更高。

技術領域

本申請涉及計算機技術領域，尤其涉及一種WEB頁面上的右鍵菜單的處理方法、系統、介質和計算機設備。

背景技術

在傳統的應用開發中，對于WEB頁面中頁面元素右鍵菜單的設計和開發，基本是在系統中分成四步完成的：

(1)編寫右鍵菜單DOM元素，在DOM元素相應的菜單項中綁定好事件；

(2)選取需要添加右鍵菜單的頁面元素；

(3)為選取好的DOM元素添加右鍵點擊事件；

(4)事件里面屏蔽網頁默認右鍵事件，將步驟(1)中編寫好的DOM展現出來。

由此可以看出傳統的開發頁面元素右鍵菜單的方法存在以下缺點：

(1)每一個新的右鍵菜單項需要單獨編寫選取DOM，綁定菜單項，并為菜單項綁定對應的點擊事件；

(2)由于使用了大量的DOM選取、事件綁定，代碼可讀性差；

(3)采用了高度耦合的編碼方式，后期維護成本高。

即，一旦需要為新的DOM添加不同的右鍵點擊事件，就得重新執行上述(1)-(4)的步驟。因此，常規的WEB頁面元素的右鍵菜單設計和開發步驟繁瑣，效率低下，后期維護成本很高。

因此，需要一種高效的處理WEB頁面上的右鍵菜單的方法和系統。

發明內容

為了解決現有技術中處理WEB頁面上的右鍵菜單中的問題，提出了一種關于WEB頁面上的右鍵菜單的處理方法、系統、介質和計算機設備。

根據本申請的一個方面，提供了一種WEB頁面上的右鍵菜單的處理方法，所述方法包括：

將待生成右鍵菜單的頁面元素表示為標識符，并記錄所述頁面元素與所述標識符的對應關系，其中所述標識符與所述頁面元素一一對應；

利用所述標識符，為所述標識符對應的所述頁面元素編寫右鍵菜單配置文件；

判斷所述頁面元素所在的頁面是否存在對應的右鍵點擊響應事件，若不存在則為該頁面設置右鍵點擊響應事件。

其中，所述方法還包括：

在為所述頁面設置右鍵點擊響應事件后，或者若所述頁面元素所在的頁面存在對應的右鍵點擊響應事件，執行下述步驟：將所述配置文件存儲為與所述右鍵點擊響應事件關聯的信息。

其中，為該頁面設置右鍵點擊響應事件包括：

使所述頁面檢測頁面上任何位置是否接收到右鍵點擊，若接收到，則執行相應的響應事件。

其中，執行相應的響應事件包括：

基于所述右鍵點擊在所述頁面上的位置，顯示與所述頁面上的位置相應的頁面元素的右鍵菜單。

其中，基于所述右鍵點擊在所述頁面上的位置顯示與所述頁面上的位置相應的頁面元素的右鍵菜單包括：