手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS在TextArea光标位置插入文字并实现移动光标到文字末尾
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
摘要:=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>

【JS在TextArea光标位置插入文字并实现移动光标到文字末尾】相关文章:

jQuery插件实现适用于移动端的地址选择器

JS函数实现鼠标指向图片后显示大图代码

JavaScript获取并更改input标签name属性的方法

Javascript客户端脚本的设计和应用

JQuery中DOM实现事件移除的方法

利用js实现禁止复制文本信息

javascript实现点击后变换按钮显示文字的方法

JS和css实现检测移动设备方向的变化并判断横竖屏幕

js实现鼠标移到链接文字弹出一个提示层的方法

无刷新上传文件并返回自定义值

精品推荐
分类导航