JS在TextArea光标位置插入文字并实现移动光标到文字末尾

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS在TextArea光标位置插入文字并实现移动光标到文字末尾，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1169字，纯文字阅读大概需要2分钟。

内容图文

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; 
} 
} 
 
 代码如下:

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

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

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JS在TextArea光标位置插入文字并实现移动光标到文字末尾全部内容，希望文章能够帮你解决JS在TextArea光标位置插入文字并实现移动光标到文字末尾所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端