[發明專利]嵌入頁面的客戶端的右鍵菜單的實現方法和裝置

在審

• 申請號: 201310367754.6
• 申請日: 2013-08-21
• 公開（公告）號: CN104424205A
• 公開（公告）日: 2015-03-18
• 發明（設計）人: 郭力恒
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F3/0482
• 代理公司: 深圳中一專利商標事務所 44237
• 代理人: 劉朗星

技術領域

本發明屬于瀏覽器領域，尤其涉及嵌入頁面的客戶端的右鍵菜單的實現方法和裝置。

背景技術

Windows圖形界面的出現，改變了人們使用電腦的方式。如在客戶端或者網頁等程序的操作過程中，通過鼠標或者觸摸手勢對圖形進行操作的方式，實現了更為簡單方便的人機交互。用戶可以控制鼠標的光標在顯示界面上移動，點擊鼠標左鍵激活顯示界面上的操作對象完成操作，或者是在界面的操作對象上點擊鼠標右鍵，通過彈出的右鍵菜單，可提供多種選擇操作指令執行相應的操作，使得操作更加方便。

隨著技術的發展，傳統的大客戶端向小型化發展，出現了內嵌于網頁中的瘦客戶端，其通過將其鼠標、鍵盤等輸入傳送到服務器處理，服務器再把處理結果回傳至客戶端顯示，可以大大減輕客戶端設備的計算量。然而，現有的瀏覽器的頁面的右鍵菜單，一般如圖1所示，瀏覽器在接收到右鍵點擊指令后，根據點擊對象的屬性信息，調用瀏覽器中設定的右鍵菜單，并將該菜單信息在頁面中顯示。使用這種方法可以較好的提高瀏覽器內頁面的操作的便利性。但是，對于嵌入頁面的瘦客戶端來說，往往需要更為具體的操作指令，現有的通常做法是通過頁面中的菜單按鈕接收觸發指令，由于不同的對象所需要的具體操作不盡相同，不能針對具體的對象展現出的相應的操作菜單，而且其操作較為麻煩。

發明內容

本發明實施例的目的在于提供一種嵌入頁面的客戶端的右鍵菜單的實現方法和裝置，以解決現有技術中的嵌入頁面的客戶端不能針對具體的對象展現出相應的操作菜單，而且其操作較為麻煩的問題。

本發明的進一步目的在于，提供一種能夠快速查找操作控件所對應的右鍵菜單的嵌入頁面的客戶端的右鍵菜單的實現方法和裝置。

本發明實施例是這樣實現的，一種嵌入頁面的客戶端的右鍵菜單的實現方法，所述方法包括：

在瀏覽器引擎中注冊右鍵單擊的監聽事件，監聽所述客戶端所在的頁面是否有右鍵單擊事件；

如果所述客戶端所在的頁面有右鍵單擊事件，獲取所述右鍵單擊事件所對應的客戶端的控件及所述右鍵單擊事件的位置信息；

根據預設于頁面中的所述客戶端控件與右鍵菜單的對應關系，查找所述右鍵單擊事件對應的客戶端控件所對應的右鍵菜單；

根據所述右鍵單擊事件的位置信息顯示所述右鍵菜單。

為實現本發明的進一步目的，所述獲取所述右鍵單擊事件所對應的客戶端的控件包括：

獲取客戶端所在頁面所對應的DOM樹，所述DOM樹包括多個節點；

查找所述右擊事件所對應的控件所對應的DOM樹中的節點的位置；

判斷所述對應的DOM樹中節點的位置是否設置有相應的右鍵菜單，如果沒有，則查找其父節點是否設置有相應的右鍵菜單，依此直到查找到設置有右鍵菜單的節點。

本發明實施例的另一目的在于提供一種嵌入頁面的客戶端的右鍵菜單的實現裝置，所述裝置包括：

第一監聽單元，用于在瀏覽器引擎中注冊右鍵單擊的監聽事件，監聽所述客戶端所在的頁面是否有右鍵單擊事件；

獲取單元，用于如果所述客戶端所在的頁面有右鍵單擊事件，獲取所述右鍵單擊事件所對應的客戶端的控件及所述右鍵單擊事件的位置信息；

查找單元，用于根據預設于頁面中的所述客戶端控件與右鍵菜單的對應關系，查找所述右鍵單擊事件對應的客戶端控件所對應的右鍵菜單；

第一顯示單元，用于根據所述右鍵單擊事件的位置信息顯示所述右鍵菜單。

在本發明中，通過瀏覽器引擎中注冊右鍵單擊的監聽事件，在監聽到右鍵單擊事件時，得到右鍵單擊事件所對應的客戶端控件和右鍵單擊事件的位置信息，根據所述客戶端控件與右鍵菜單的對應關系，得到相應的右鍵菜單，結合所述右鍵單擊事件的位置信息顯示所述右鍵菜單。和現有技術相比，本發明通過在頁面中存儲與客戶端控件相應的右鍵菜單，根據右鍵單擊事件對應的控件查找相應的右鍵菜單，從而實現對客戶端各控件顯示相應的右鍵菜單，使得嵌入頁面的客戶端操作更為方便。

進一步的，本發明通過獲取客戶端所在頁面所對應的DOM樹，查找右擊事件對應的控件所對應的DOM樹形中的節點的位置，判斷所述對應的DOM樹中節點的位置是否設置有相應的右鍵菜單，如果沒有，則查找其父節點是否設置有相應的右鍵菜單，依此直到查找到設置有右鍵菜單的節點。這樣，可以極大的減輕對客戶端過多節點的右鍵設置工作，通過結合DOM樹與控件的對應關系，采用向上查找的方法，查找效率高而且極大的提高編程的工作效率。

附圖說明

圖1為本發明現有技術中提供的頁面右鍵菜單的示意圖；