將游標定位於輸入框最右側的實現方式

2021-09-07 05:54:41 字數 939 閱讀 7190

前端開發過程中,經常需要這樣的場景。用js實現將游標定位於輸入框最右側。

場景一:編輯的描述文字

場景二:script.aculo.us的ajax.inplaceeditor類。雙擊可編輯,編輯後離開可自動更新該區域

以上場景都需要js實現將游標定位於輸入框最右側,卻不是通過滑鼠點入輸入框內。

我們知道實現最基本的方法是htmlelement的focus方法。如下?

12

3

4

5

6

7

開啟該頁面會發現,游標位於輸入框的最左側。效果如下

而現在要實現的是將游標定位於輸入框最右側,需要三個步驟。

呼叫focus方法

value賦值為空

之前的input的值再賦給自己

**如下?

12

3

4

5

6

7

8

9

10

執行後效果如圖,游標在輸入框最右側

文字框 游標定位

文字框 游標定位 請不久做專案,需要在文字框輸入問題,輸入乙個則查詢一次,然後需要重新定位到文字框才能連續查詢 之前看到用createtextrange的方法處理,但是來說的話還是有點囉嗦,而且相容性不好 在非ie下失效,後來琢磨了半天想到用jquery試試,結果發現很ok,簡單又簡潔兩句搞定,還相...

Css 設定input輸入框游標顏色

在使用 input 輸入框時,我們可能會遇到需要給其設定游標顏色的情況。谷歌瀏覽器的預設游標顏色是黑色的,github 上的游標卻是白色,那麼這個用 css 怎麼改變呢?上面描述的情景有兩種實現方式 游標的顏色是繼承自當前輸入框字型的顏色,所以用color屬性即可改變 input 上一種方式已經修改...

使用TextRange獲取輸入框中游標的位置

textrange是用來表現html元素中文字的物件,雖然我們平時不太常用這個物件,可是它卻在ie4.0中就已提供了。不過textrange提供的呼叫方法卻都比較晦澀,那麼我們能拿它做些什麼呢?textrange的傳統用途是對使用者在web頁上用滑鼠圈選的文字內容的操作,比如變化 刪除 新增等。但其...