游標與游標位置

2021-10-02 08:06:12 字數 1046 閱讀 6326

輸入框游標預設顏色和輸入框文字顏色相同,高度隨字型大小改變。

1.利用文字鏤空模擬實現

input,textarea

/*在此情況下改變 placeholder 顏色*/

input::-webkit-input-placeholder

2.使用 css3 新增 caret-color 屬性來定義插入游標的顏色。.

瀏覽器支援:

獲取焦點的輸入框元素具有下面屬性和方法:

屬性和方法

描述dom.selectionstart

返回或設定dom中游標起始位置(下標從0開始)

dom.selectionend

返回或設定dom中游標結束位置(下標從0開始)

dom.selectiondirection

返回或設定選擇方向(取值:forward,backward,none)。ie不支援

dom.setselectionrange(x,y,dir)

選中dom中下標[x]到[y]之間的字元。dir可選引數:

取值:forward,backward,none, 分別表示"從前往後", 「從後往前"和"選擇方向未知或不重要」。

瀏覽器支援:ie9+及其他主流瀏覽器都支援。

dom.setselectionrange(x,y,dir) 方法中,第三個引數 dir 即 selectiondirection。目前瀏覽器對它的支援度較差,本人用chrome,ie測試均無效。

注意,只有部分表單元素具有上面的屬性,例如,chorme瀏覽器中,type=「number」 的 input 元素就沒有上面相關屬性,使用時會報錯。

下面示例中的方法可放心使用(ie9+及主流瀏覽器都支援)

JavaScript獲取游標位置 定位游標位置

某些業務在處理input的輸入框的觸發oninput時間,需要控制游標位置,此方法依賴於jquery 獲取游標位置 function else 返回游標位置 return curcurpos jquery 定位游標方法 定位游標 function setcaretposition ctrl,pos ...

js獲取游標,設定游標位置

直接貼 作為日常開發筆記 設定游標位置 params ele 輸入框元素 params pos 需要將游標設定的位置 author 2018 09 29 setcaretposition ele,pos else if ele.createtextrange 獲取游標在輸入框中相對位置 param ...

改變游標位置

5改變游標位置需要標頭檔案windows.h void gotoxy handle hout,int x,int y void main std input handle,標準輸入的控制代碼 std output handle,標準輸出的控制代碼 std error handle,標準錯誤的控制代碼...