最初是因為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 ...