[發明專利]一種在網頁中實現自定義菜單顯示的方法及裝置

在審

• 申請號: 201210568532.6
• 申請日: 2012-12-25
• 公開（公告）號: CN103902258A
• 公開（公告）日: 2014-07-02
• 發明（設計）人: 李晶
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 廣州三環專利代理有限公司 44202
• 代理人: 郝傳鑫;熊永強

技術領域

本發明涉及自定義菜單顯示技術領域，尤其涉及一種在網頁中實現自定義菜單顯示的方法及裝置。

背景技術

在計算機領域中，右鍵菜單是指用戶在運行計算機過程中，通過點擊鼠標右鍵而彈出的包括多個選項的列表，在右鍵菜單中，用戶可以點擊左鍵選擇其中的一個選項以進行相應的控制操作，而如果在菜單外點擊左鍵，則計算機系統會隱藏該右鍵菜單。現有的右鍵菜單為系統菜單，包括已經設置好的各類不同的菜單項，系統菜單中的菜單項作為相應功能的入口提供給用戶，以便用戶快捷地打開相應的處理功能對當前右鍵點擊時所處位置的元素進行處理。

現有技術中，右鍵菜單是靜態的，即各菜單項均已預先制作確定，并不能夠根據當前右鍵點擊時所處位置的頁面元素動態生成并加載自定義菜單。

發明內容

本發明實施例所要解決的技術問題在于，提供一種在網頁中實現自定義菜單顯示的方法及裝置，可進行動態自定義菜單的生成以及顯示。

為了解決上述技術問題，本發明實施例提供了一種在網頁中實現自定義菜單顯示的方法，包括：

在監測到右鍵點擊操作事件時，若確定顯示自定義菜單，則根據鼠標光標當前所處位置的頁面元素生成配置信息；

根據配置信息生成自定義菜單項以及菜單節點，將生成的自定義菜單項添加到所述菜單節點中，得到添加了根據配置信息生成的所有自定義菜單項的自定義菜單；

顯示所述添加了根據配置信息生成的所有自定義菜單項的自定義菜單。

其中，所述在監測到右鍵點擊操作事件時，若確定顯示自定義菜單，則根據鼠標光標當前所處位置的頁面元素生成配置信息，包括：

在監測到右鍵點擊操作事件時，判斷鼠標光標當前所處位置是否位于需要顯示自定義菜單的頁面元素的位置；

若是，則確定顯示自定義菜單，根據鼠標光標當前所處位置的頁面元素生成配置信息。

其中，所述根據配置信息生成自定義菜單項以及菜單節點，將生成的自定義菜單項添加到所述菜單節點中，得到添加了根據配置信息生成的所有自定義菜單項的自定義菜單，包括：

根據配置信息中所指示的菜單項文本和/或菜單項圖標，生成對應的自定義菜單項；

將生成的自定義菜單項添加到所述菜單節點中，得到添加了根據配置信息生成的所有自定義菜單項的自定義菜單；

其中，所述自定義菜單的寬度值為生成的自定義菜單項中寬度的最大值。

其中，所述根據配置信息中所指示的菜單項文本和/或菜單項圖標，生成對應的自定義菜單項，包括：

繪制文檔對象模型節點；

根據文檔對象模型節點與配置信息中所指示的菜單項文本生成文本節點，和/或根據文檔對象模型節點與配置信息中所指示的菜單項圖標生成圖標節點；

將生成的文本節點和/或圖標節點構成自定義菜單項。

其中，所述根據配置信息中所指示的菜單項文本和/或菜單項圖標，生成對應的自定義菜單項，包括：

繪制文檔對象模型節點；

根據配置信息中所指示的菜單項文本和/或菜單項圖標，并根據所述文檔對象模型節點，生成自定義菜單項；

在所述文檔對象模型節點中增加子菜單節點，以指示所述生成的自定義菜單項包括子菜單；

根據配置信息中所指示的子菜單項文本和/或子菜單項圖標，生成對應的各子菜單項，得到子菜單；

將所述子菜單與所述生成的自定義菜單項關聯。

其中，還包括：

在檢測到鼠標進入事件時，若所述鼠標進入事件關聯的自定義菜單項包括子菜單，則進一步顯示生成的子菜單項；

在檢測到鼠標離開事件時，將顯示的子菜單項隱藏，并在檢測到點擊操作時，隱藏所述顯示的自定義菜單。

其中，所述根據配置信息生成自定義菜單項以及菜單節點，將生成的自定義菜單項添加到所述菜單節點中，得到添加了根據配置信息生成的所有自定義菜單項的自定義菜單，還包括：

禁止將對所述得到的自定義菜單上的鼠標操作事件冒泡給該自定義菜單所屬的父節點，所述鼠標操作事件包括鼠標彈起事件、鼠標按下事件、鼠標點擊事件中的任一種或多種。

其中，所述顯示所述添加了根據配置信息生成的所有自定義菜單項的自定義菜單之前，還包括：

構造自定義菜單邊框的裝飾性節點，以便于在所述顯示所述添加了根據配置信息生成的所有自定義菜單項的自定義菜單中包括所述裝飾性節點。

相應地，本發明實施例還提供了一種在網頁中實現自定義菜單顯示的裝置，包括：