游標在input中的定位

2021-08-30 03:52:00 字數 516 閱讀 4088

[size=large]ie下的range操作比mozilla下強很多,這裡只討論ie下的操作。

這裡選介紹幾個游標定位的特點:

1.游標不變

直接obj.focus(),游標會返回之前的位置,即位置不變

2.游標在最前

var r = obj.createtextrange();

r.collapse();

r.select();

用這個方法可以使游標在input框最前面

3.游標在最後

var r = obj.createtextrange();

r.collapse(false);

r.select();

用這個方法可以使游標停在input框的最後

4.選取input框中部分內容需要用到range的movestart或moveend方法, 其詳細的方法使用可以參考msdn.

5.再引申一下游標的移動和位置,這個是有人經常問到的問題

[/size]

IOS中input游標跑偏 不居中 問題的解決方法

在最近的專案中遇到乙個問題,input輸入框游標,在安卓手機上顯示沒有問題,但是在蘋果手機上 當點選輸入的時候,游標的高度和父盒子的高度一樣。造成的原因就是給父盒子新增了height和line height 當點選輸入的時候,游標的高度就自動和父盒子的高度一樣了。谷歌瀏覽器的設計原則,還有一種可能就...

IOS11下fixed中input游標錯位問題

專案遇到了這個問題,故作了個臨時解決方案,暫時沒有想到更好的方法,查閱了網上的方案,也沒有找到完美的解決方案。方案思路 彈窗開啟時,阻止 body 滾動,禁用 touchmove 同時記錄當前 body 的滾動高度 startscrolltop 彈窗關閉時,恢復 body 滾動,同時給當前滾動條賦值...

input輸入框中游標高度的變化問題

最近在專案中碰到乙個問題 搜尋框的游標高度在有輸入內容和為空時發生很大變化。那麼於是在web上搜尋了一下前輩們是怎麼解決此問題的 首先,先看看問題產生的原因 chrome瀏覽器對游標高度的設定原則為,當沒有內容的時候游標的高度 input的line height的值,當有內容時,游標從input的頂...