[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的頂...