原文：設置輸入域(input/textarea)中文本光標的位置
以前記錄了一篇將光標定位於輸入框最右側的實現方式 ，實現光標定位在文本的最末。這種需求往往在修改現有的文本。有時可能還需要把光標定位在首位，或者中間某個位置，這就需要實現一個更通用的方法。 這個方法setCursorPosition需要使用兩個原生API setSelectionRange createTextRange 原生JS實現 設置輸入域 input textarea 光標的位置 para ...
2014-11-21 13:53 1 39979 推薦指數：
相關推薦
最近遇到一個需求，用戶在輸入框里輸入文本的時候，每輸入一個字符都要轉換成大寫， 看起來比較簡單，但是輸入完后在中間插入刪除的時候， 每添加或者刪除一個字符的時候input框的光標自動跑到字符最后面，操作起來很是麻煩 下面在網上找的各種資料，整理的一些方法，經過一些嘗試終於解決了，記錄下來 ...
一：理解input, textarea元素在標准瀏覽器下兩個屬性selectionStart, selectionEnd。 selectionStart: 該屬性的含義是 選區開始的位置； selectionEnd: 選區結束的位置。 兩個值默認都是為0。 注意： 該屬性在chrome ...
當文本域獲取焦點的時候，有的時候光標並不在最左側。 其實也很簡單，將文本域寫成上面的形式即可，不要有換行、空格等任何數據。 原理是 textarea 標簽的空格、換行，也是數據的一部分，會在顯示在文本域內。 ...
參考鏈接： http://jsfiddle.net/8k1k0awb/ https://stackoverflow.com/questions/7339333/styling-text-input-caret ...
input, textarea { font-size: 24px; padding: 10px; color: red; text-shadow: 0px 0px 0px #000; -webkit-text-fill-color ...
問題 模糊搜索自動選中后，光標定位在輸入處，應定位在末尾處。 解決 解決后效果圖如下： ...