您的位置:首页 > Web前端 > JavaScript

使用JS在textarea在光标处插入内容

2011-09-09 11:22 696 查看
// 在光标处插入字符串

// myField 文本框对象

// myValue 要插入的值

function insertAtCursor(myField, myValue)

{

//IE support

if (document.selection)

{

myField.focus();

sel = document.selection.createRange();

sel.text = myValue;

sel.select();

}

//MOZILLA/NETSCAPE support

else if (myField.selectionStart || myField.selectionStart == '0')

{

var startPos = myField.selectionStart;

var endPos = myField.selectionEnd;

// save scrollTop before insert

var restoreTop = myField.scrollTop;

myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);

if (restoreTop > 0)

{

// restore previous scrollTop

myField.scrollTop = restoreTop;

}

myField.focus();

myField.selectionStart = startPos + myValue.length;

myField.selectionEnd = startPos + myValue.length;

} else {

myField.value += myValue;

myField.focus();

}

}

function insertText() {

var obj = document.getElementById("文本框");

var str = "[#$%$#]插入的内容";

if (document.selection) {

obj.focus();

var sel = document.selection.createRange();

sel.text = str;

} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {

var startPos = obj.selectionStart;

var endPos = obj.selectionEnd;

var tmpStr = obj.value;

obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);

} else {

obj.value += str;

}

}

//Jquery光标处插入文本

$(document).ready(function () {

$("#btnInsert").click(function () {

var obj = $("#txtquestion").get(0);

var str = "[#$%$#]";

if (document.selection) {

obj.focus();

var sel = document.selection.createRange();

sel.text = str;

} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {

var startPos = obj.selectionStart;

var endPos = obj.selectionEnd;

var tmpStr = obj.value;

obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);

} else {

obj.value += str;

});

});



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐