BOM Range物件文字內容選中

2021-09-17 03:14:03 字數 1250 閱讀 2648

最初是因為textarea賦值後,focus游標一直定位到第乙個文字的bug,搜之,發現有這樣乙個api:htmlinputelement.setselectionrange,可以設定乙個input元素中的文字選中內容的起始位置和結束位置。

inputelement.setselectionrange(selectionstart, selectionend, [optional] selectiondirection);

引數 selectionstart

被選中的第乙個字元的位置。

selectionend

被選中的最後乙個字元的 下乙個 位置。

selectiondirection (可選)

乙個指明選擇方向的字串,有"forward","backward"和"none" 3個可選值, 分別表示"從前往後", "從後往前"和"選擇方向未知或不重要"。

然後發現了range物件覺得有點厲害,寫個文章學習一下。

什麼是range物件?range表示包含節點和部分文字節點的文件片段。一切有關於戶文字選擇範圍的資訊都歸range物件掌管。例如:

但是在瀏覽器的發展歷史中,衍生出了3個功能類似的物件,分別為w3c range,moz selection,ie textrange

range物件如何來?

document 物件的 createrange方法建立。

用selection物件的getrangeat方法取得。

通過建構函式 range()。

通過window.selection獲取seletion物件。

可以做一些@出現使用者名稱效果和#話題#,複製時帶上自資訊。

文字內容溢位

display webkit box webkit line clamp n webkit box orient vertical overflow hidden text overflow ellipsis 使用text overflow ellipsis對溢位文字顯示省略號有兩個好處,一是不用通...

js複製文字內容

1.執行以下解決方案條件 這個是原理 執行複製方法時 所複製文字不能被任何 塊級元素和行內塊元素和行內元素遮蓋否則無效 解決方案 將文字通過絕對定位或其他方式移除螢幕外 ios中不能複製屬性值,只能複製文字元素節點 解決方案 可以把文字顏色設成背景色就能達到隱藏看不見的效果不影響顯示 直接上 以下是...

jQuery內容文字值

主要針對元素的內容還有表單的值操作 1 普通元素的內容html 相當於原生innerhtml html 獲取元素的內容 html 內容 設定元素的內容 2 普通元素文字內容text 相當於原生innertext text 獲取元素的內容 text 內容 設定元素的內容 3 表單元素文字內容 val ...