文字框獲取焦點時,游標出現在文字末尾

2022-07-03 23:48:11 字數 767 閱讀 8815

最近遇到乙個問題,點選編輯,才能修改乙個文字框的內容,文字框自動獲取游標,但是游標總是出現在文字框最前面,如圖:

html **:

<

input

type

="text"

id="test"

value

="123456879"

>

<

input

type

="button"

id="focus"

value

="編輯"

>

js **:

$('#focus').on('click', function

() );

function

movetoend(el)

else

if (typeof el.createtextrange != "undefined")

}

'selectionstart' 表示輸入性元素selection起點的位置,'selectionend' 表示輸入性元素selection末點的位置,都是 dom 屬性。

效果如下:

同理 textarea 標籤也可以實現上述效果。

ps:測試 'selectionstart' 和 'selectionend',例如(html **不變):

$('#focus').on('click', function

() );

效果如下:

silverlight 獲取文字框焦點

1,如果專案允許在瀏覽器外執行 this.loaded object sender,routedeventargs e this.txtmoney.focus 使用者名稱文字聚焦 2,專案為瀏覽器執行 this.loaded object sender,routedeventargs e htmlp...

JQuery中文字框獲取焦點

今天遇見這麼乙個小小的問題,就是文字框中需要輸入內容才可以提交,如果沒有輸入就提示並使該文字框獲得焦點!這麼乙個簡單的事情如果沒有使用jquery的話 是不是物件.focus 就可以了,可是當我們使用了jquery 這樣 nameinput 返回的就不是dom物件了而是jquery物件,這樣的話 n...

chrome 文字框 獲取焦點時 邊框色

大家在網頁布局的時候 文字框在chorome瀏覽器下會自動新增邊框,影響效果,經過查詢發現是outline屬性的問題。只要設定成outline none 就好了 就這樣 定義和用法 outline 輪廓 是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。注釋 輪廓線不會佔據空間,也...