[發明專利]添加頁面批注的處理方法和裝置

有效

• 申請號: 202011364227.6
• 申請日: 2020-11-27
• 公開（公告）號: CN112417829B
• 公開（公告）日: 2022-03-11
• 發明（設計）人: 陶旭生
• 申請（專利權）人: 上海妙一生物科技有限公司
• 主分類號: G06F40/169
• 分類號: G06F40/169;G06F16/31;G06F16/38;G06F16/957;G06F9/54
• 代理公司: 上海領譽知識產權代理有限公司 31383
• 代理人: 王琰

1.一種添加頁面批注的處理方法，其特征在于，包括：

在檢測到用戶在頁面中選擇文本時，獲取所選擇的文本在所述頁面中的位置信息；

在所述頁面中彈出批注提示浮層；

若所述用戶確認為所述所選擇的文本添加批注，則彈出批注內容輸入框；

獲取用戶在所述批注內容輸入框中輸入的批注數據；

將所述所選擇的文本在所述頁面中的位置信息以及所述批注數據對應存儲在后端服務器中；

其中，在檢測到用戶在頁面中選擇文本時，在獲取所選擇的文本在所述頁面中的位置信息之前，所述方法還包括；

獲取所述所選擇的文本以及所述所選擇的文本對應的父節點；

根據所述所選擇的文本對應的父節點查找是否存在具有批注容器屬性的節點，其中，所述批注容器屬性用于指示允許對所述所選擇的文本添加批注；

若存在具有批注容器屬性的節點，則執行所述獲取所選擇的文本在所述頁面中的位置信息的步驟；

其中，在檢測到用戶在頁面中選擇文本時，獲取所選擇的文本在所述頁面中的位置信息包括：

獲取所述具有批注容器屬性的節點到所述所選擇的文本所在的節點的CSS選擇器的路徑；

獲取所述所選擇的文本在所述所選擇的文本對應的父節點中的位置；

其中，所述具有批注容器屬性的節點到所述所選擇的文本所在的節點的CSS選擇器的路徑與所述所選擇的文本在所述所選擇的文本對應的父節點中的位置一起唯一指示所述所選擇的文本在所述頁面中的位置信息；和/或

獲取批注容器屬性值；

獲取所述具有批注容器屬性的節點到所述所選擇的文本所在的節點的CSS選擇器的路徑；

獲取所述所選擇的文本在所述所選擇的文本對應的父節點中的位置；

其中，所述批注容器屬性值、所述具有批注容器屬性的節點到所述所選擇的文本所在的節點的CSS選擇器的路徑與所述所選擇的文本在所述所選擇的文本對應的父節點中的位置一起唯一指示所述所選擇的文本在所述頁面中的位置信息。

2.根據權利要求1所述的添加頁面批注的處理方法，其特征在于，在將所述所選擇的文本在所述頁面中的位置信息以及所述批注數據對應存儲在后端服務器中之后，所述方法還包括；

向所述后端服務器請求所述所選擇的文本在所述頁面中的位置信息，并基于所述所選擇的文本在所述頁面中的位置信息定位所述所選擇的文本所在的節點；

為所述所選擇的文本所在的節點綁定點擊事件；

在檢測到觸發所述點擊事件時，則執行所述彈出批注內容輸入框的步驟。

3.根據權利要求2所述的添加頁面批注的處理方法，其特征在于，在彈出批注內容輸入框之后，所述方法還包括；

判斷所述所選擇的文本所在的節點是否有對應的批注數據；

若所述所選擇的文本所在的節點有對應的批注數據，在檢測到所述用戶觸發批注刪除請求時，則刪除所述所選擇的文本所在的節點綁定的點擊事件，并刪除所述所選擇的文本所在的節點對應的批注數據；在檢測到所述用戶觸發批注保存請求時，則執行獲取用戶在所述批注內容輸入框中輸入的批注數據、將所述所選擇的文本在所述頁面中的位置信息以及所述批注數據對應存儲在后端服務器中的步驟。