本篇文章帶給大家的內容是關於什麼是遊標？ input或textarea中關於遊標的移動介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
頁上輸入框中閃爍的遊標其實是一個選取範圍，也就是選取範圍的左邊界和右邊界直接形成的選取範圍。
輸入框結點input=document.getElementById('#input')有二個屬性： selectionStart、selectionEnd，分別代表選區開始位置，選取範圍結束位置。
透過修改這二個值就可以形成選區，寬度為0也就實現了遊標的位置控制與取得。
IE瀏覽器提供的API更加豐富：
createTextRange()、document.selection.createRange()、moveStart() 、moveEnd() 、move() 、collapse() 、text 、select()。
第一步：
var range = input.createTextRange(); //创建一个文本选区对象。
第二步：一些操作
range.collapse(boolean);
可以傳入一個布林值作為參數,參數預設值為true，指示向左還是向右壓縮
range.moveStart(param1,param2);
第一個參數可選值有character、word、sentence、textedit. 例如character，也就是根據字元來偏移。第二個參數代表偏移的多寡，正負表示方向。
range.moveEnd(param1,param2);
和上面那個方法參數一樣，不同的是這是用來移動結束邊界
#第三步：
range.select(); //将range包含的区域选中。
要注意的是：在呼叫range. select()方法之前，選取物件的內容並不會被新增選取效果
#補充：
var range = document.selection.createRange();
這個方法根據目前頁面中的選取文字區域來建立一個選取範圍對象，這個選取範圍物件與createTextRange方法的到選區物件之間的差異在於，它的選取範圍為頁面選取文字的區域，即它的左右邊界不再是預設的左最小右最大。
range.move(param1,param2);
和moveStart參數一樣，對於行動遊標比較友善。
相關建議：
JS在TextArea遊標位置插入文字並實作移動遊標到文字結尾_javascript技巧
以上是什麼是遊標？ input或textarea中關於遊標的移動介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
