[發明專利]一種實現前端事件代理的方法及裝置

有效

• 申請號: 201610857497.8
• 申請日: 2016-09-27
• 公開（公告）號: CN107015839B
• 公開（公告）日: 2020-07-17
• 發明（設計）人: 郝立鑫
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F8/41
• 分類號: G06F8/41
• 代理公司: 北京晉德允升知識產權代理有限公司 11623
• 代理人: 楊移

1.一種實現前端事件代理的方法，其特征在于，所述方法包括：

當監聽到網頁中發生的事件后，確定與所述事件相關的各層級節點；

獲取所述各層級節點的節點數據；

針對每一層級節點，根據獲取到的所述節點數據，與網頁腳本中預編譯的設定格式的對象進行比對匹配；其中，預編譯的設定格式的對象，能夠反映不同層級節點數據所對應的對象；

當確定所述節點數據與所述對象相匹配時，對所述事件進行響應；

其中，所述設定格式，包括：JSON格式，根據獲取到的所述節點數據，與網頁腳本中預編譯的設定格式的對象進行比對匹配，具體包括：

確定獲取到的所述節點數據對應的對象；

確定所述JSON對象的鍵名以及標識鍵值對；

根據所述節點數據對應的對象，以及網頁腳本中預編譯的JSON對象鍵名以及標識鍵值對，進行比對匹配。

2.如權利要求1所述的方法，其特征在于，預編譯設定格式的對象，具體包括：

在所述網頁對應的網頁腳本中，確定該網頁腳本中包含的選擇器；

對所述選擇器進行預編譯，生成JSON對象；

將JSON對象串替換所述網頁腳本中的選擇器，并將替換后的JSON對象確定為設定格式的對象。

3.如權利要求2所述的方法，其特征在于，確定該網頁腳本中包含的選擇器，具體包括：

確定所述網頁腳本對應的抽象語法樹ast；

在所述ast中，按照預設的字符標記，查找包含有該字符標記的節點；

將查找到的所述節點所對應的內容確定為選擇器。

4.如權利要求3所述的方法，其特征在于，對所述各選擇器進行預編譯，生成JSON對象，具體包括：

確定所述選擇器對應的ast；

根據所述選擇器對應的ast，確定所述選擇器的類型；

根據所述類型，對所述選擇器進行預編譯，生成JSON對象。

5.如權利要求4所述的方法，其特征在于，所述選擇器的類型為并列結構；

根據所述類型，對所述選擇器進行預編譯，生成JSON對象，具體包括：

確定并列的每一選擇器對應的字符串；

將每一選擇器對應的字符串編譯為該選擇器的鍵，并按照并列結構的順序，生成包含每一選擇器的鍵，以及預設的標識鍵值對的JSON對象；

其中，所述選擇器包括：類選擇器、元素選擇器及id選擇器中的至少一種。

6.如權利要求5所述的方法，其特征在于，所述選擇器的類型為組合結構；根據所述類型，對所述選擇器進行預編譯，生成JSON對象，具體包括：

確定所述選擇器對應的字符串；

將所述選擇器對應的字符串編譯為選擇器的鍵，并按照設定的組合順序，對選擇器的鍵排序，生成包含排序后的選擇器的鍵，以及預設的標識鍵值對的JSON對象。

7.如權利要求4所述的方法，其特征在于，所述選擇器的結構為關系結構；根據所述類型，對所述選擇器進行預編譯，生成JSON對象，具體包括：

確定所述選擇器對應的字符串；

將所述選擇器對應的字符串編譯為選擇器的鍵，并按照倒序排序，生成包含選擇器的鍵，以及預設的標識鍵值對的JSON對象。

8.如權利要求7所述的方法，其特征在于，當所述關系結構中包含關系連接符時，將所述選擇器對應的字符串編譯為選擇器的鍵，還包括：

將所述選擇器對應的字符串中的關系連接符，編譯為預設格式的關系鍵。

9.如權利要求4所述的方法，其特征在于，所述選擇器的類型為屬性結構；根據所述類型，對所述選擇器進行預編譯，生成JSON對象，具體包括：

確定所述選擇器對應的字符串；其中，所述字符串中包含鍵名字符串、屬性標識符以及屬性字符串；

將鍵名字符串編譯為選擇器的鍵，將屬性標識符編譯為預設格式的標識鍵，并將屬性字符串編譯為多維數組，生成包含有該選擇器的鍵、預設格式的標識鍵以及包含有預設鍵及鍵值的多維數組的JSON對象。