本文主要是介绍textarea 在光标处插入文字，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
效果演示
欢迎访问cssfirefly.cnblogs.com
html：
<textarea id="text" style="width:500px;height:80px;">欢迎访问http://cssfirefly.cnblogs.com/</textarea><input type="button" value="插入文字" onclick="insertText(document.getElementById('text'),' NewWord ')">
<input type="button" value="插入文字" onclick="moveEnd(document.getElementById('text'))">js：
代码如下：
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;}
}
这篇关于textarea 在光标处插入文字的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
