快捷導(dǎo)航

JS在TextArea光標(biāo)位置插入文字并實現(xiàn)移動光標(biāo)到文字末尾

更新時間：2013年06月21日 16:28:12 作者：

JS在TextArea光標(biāo)位置插入文字+移動光標(biāo)到文字末尾，F(xiàn)irefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd屬性，具體實現(xiàn)如下，感興趣的朋友可以參考下哈

=IE支持document.selection
=Firefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd屬性

復(fù)制代碼代碼如下:

 
function insertText(obj,str) { 
if (document.selection) { 
var sel = document.selection.createRange(); 
sel.text = str; 
} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') { 
var startPos = obj.selectionStart, 
endPos = obj.selectionEnd, 
cursorPos = startPos, 
tmpStr = obj.value; 
obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length); 
cursorPos += str.length; 
obj.selectionStart = obj.selectionEnd = cursorPos; 
} else { 
obj.value += str; 
} 
} 
function moveEnd(obj){ 
obj.focus(); 
var len = obj.value.length; 
if (document.selection) { 
var sel = obj.createTextRange(); 
sel.moveStart('character',len); 
sel.collapse(); 
sel.select(); 
} else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') { 
obj.selectionStart = obj.selectionEnd = len; 
} 
} 

復(fù)制代碼代碼如下:

 
<input type="button" onclick="insertText(document.getElementById('text'),' 新文字—YoyiorLee ')" value="插入文字"></input> 

復(fù)制代碼代碼如下:

 
<input type="button" onclick="moveEnd(document.getElementById('text'))" value="移到末尾"></input> 

您可能感興趣的文章:

相關(guān)文章

詳解JavaScript中的強制類型轉(zhuǎn)換
這篇文章主要介紹了JavaScript中的強制類型轉(zhuǎn)換，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
JS定時器實例詳細分析
在javascritp中，有兩個關(guān)于定時器的專用函數(shù)，下面講解一下兩個定時器，有需要的朋友可以參考一下
2013-10-10
js中的scroll和offset 使用比較的實例與分析
這篇文章介紹了js中的scroll和offset使用比較的實例與分析，有需要的朋友可以參考一下
2013-09-09
Javascript Request獲取請求參數(shù)如何實現(xiàn)
使用Javascript Request獲取參數(shù)的時候總是提示出錯，本文為此問題提供詳細的解決方案，需要了解的朋友可以參考下
2012-11-11
JavaScript使用百度ECharts插件繪制餅圖操作示例
這篇文章主要介紹了JavaScript使用百度ECharts插件繪制餅圖操作,結(jié)合實例形式分析了JavaScript使用百度ECharts插件繪制餅圖的原理、步驟及相關(guān)操作注意事項,需要的朋友可以參考下
2019-11-11
網(wǎng)頁爬蟲之cookie自動獲取及過期自動更新的實現(xiàn)方法
這篇文章主要介紹了網(wǎng)頁爬蟲之cookie自動獲取及過期自動更新的實現(xiàn)方法,需要的朋友可以參考下
2018-03-03
JS解決Date對象在IOS中的“大坑” 以及時間格式兼容問題
這篇文章主要介紹了JS解決Date對象在IOS中的“大坑” 以及時間格式兼容問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-10-10
詳解axios是如何處理異常的
本文我們將討論?axios?中是如何處理異常的,在此之前,我們先了解以下?axios?中各種類型的異常,文中通過代碼示例講解的非常詳細,具有一定的參考價值,需要的朋友可以參考下
2024-05-05
js仿3366小游戲選字游戲
這篇文章主要為大家詳細介紹了js仿3366小游戲選字游戲
2016-04-04
window.showModalDialog參數(shù)傳遞中含有特殊字符的處理方法
程序運行出錯經(jīng)，過檢查發(fā)現(xiàn)傳遞的數(shù)據(jù)中出現(xiàn)了#等特殊字符，瀏覽器只取到#號前面的數(shù)據(jù)，后面的被截斷，下面為大家介紹下正確的處理方法
2013-06-06