[發明專利]基于Javascript的多行文本截斷顯示的處理方法有效
| 申請號： | 202110596494.4 | 申請日： | 2021-05-31 |
| 公開（公告）號： | CN113326458B | 公開（公告）日： | 2022-06-21 |
| 發明（設計）人： | 李朋繁;房蘭濤;胡中濤;修志遠;謝恩鵬 | 申請（專利權）人： | 山東浪潮超高清視頻產業有限公司 |
| 主分類號： | G06F16/957 | 分類號： | G06F16/957;G06F40/106;G06F9/451 |
| 代理公司： | 濟南泉城專利商標事務所 37218 | 代理人： | 劉德 |
| 地址： | 250101 山東省濟南市*** | 國省代碼： | 山東;37 |
| 權利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關鍵詞： | 基于 javascript 行文 截斷 顯示 處理 方法 | ||
【權利要求書】：
1.一種基于Javascript的多行文本截斷顯示的處理方法，包括以下步驟：
獲取到顯示區域內所有內容后；為每一個字符后添加一個特定空元素，通過添加的元素來計算每個字符所在位置；將超出顯示區域內的字符截取后，更新至顯示區域內，完成多行截斷顯示；其特征在于：具體包括以下步驟：
步驟S01：將DIV容器的position屬性設置為：absolute或relative；
步驟S02：獲取DIV容器的寬高尺寸；
步驟S03：獲取DIV容器中所有文本內容；
步驟S04：將S03中獲取到的文本內容分割為單字符數組；
步驟S05：遍歷數組，在每個字符后追加一個空元素span，并將對應數組元素的索引值記錄到span元素的屬性中，拼接成為一個新的字符串；
步驟S06：在拼接完成的字符串前，拼接省略表示文本；
步驟S07：將生成的文本字符串更新到DIV容器中；
步驟S08：遍歷S05步驟添加的空span元素，獲取每個元素的位置，并與s02步驟中獲取的寬高尺寸進行對比；
步驟S09：計算出第一個超出DIV容器的span元素，獲取改元素中存儲的索引值；
步驟S10：根據s09中獲取的索引值，分割s04中獲取的數組，拼接成文本字符串并追加設定的省略表示文本；
步驟S11：將S10中的文本更新到DIV容器中，完成多行文本截斷顯示。
下載完整專利技術內容需要扣除積分，VIP會員可以免費下載。
該專利技術資料僅供研究查看技術是否侵權等信息，商用須獲得專利權人授權。該專利全部權利屬于山東浪潮超高清視頻產業有限公司，未經山東浪潮超高清視頻產業有限公司許可，擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作，請聯系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/202110596494.4/1.html，轉載請聲明來源鉆瓜專利網。
- 上一篇：一種具有抗腐蝕性能的吸波材料的制備方法
- 下一篇：一種板材頂升轉角機構
