JS在TextArea光标位置插入文字并实现移动光标到文字末尾_Javascript教程-查字典教程网
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
发布时间:2016-12-30 来源:查字典编辑
摘要:=IE支持document.selection=Firefox,Chrome,Safari以及Opera都有selectionStart和s...

=IE支持document.selection

=Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性

复制代码 代码如下:

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" value="插入文字"></input>

复制代码 代码如下:

<input type="button" value="移到末尾"></input>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类