js在textarea光标处插入表情字符(ie,火狐兼容)
2010-08-01 19:22
666 查看
/**
* 在光标的位置插入图片
* @param {Object} myField
* @param {Object} myValue
*/
function AddOnPos(myField, myValue)
{
//IE support
if (document.selection)
{
myField.focus();
sel = document.selection.createRange();
myValue = "[face]"+myValue+"[/face]";
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;
myValue = "[face]"+myValue+"[/face]";
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();
}
}
TargetA('BlankA')
Tags:js插入 textarea 插入表情 插入字符
* 在光标的位置插入图片
* @param {Object} myField
* @param {Object} myValue
*/
function AddOnPos(myField, myValue)
{
//IE support
if (document.selection)
{
myField.focus();
sel = document.selection.createRange();
myValue = "[face]"+myValue+"[/face]";
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;
myValue = "[face]"+myValue+"[/face]";
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();
}
}
TargetA('BlankA')
Tags:js插入 textarea 插入表情 插入字符
相关文章推荐
- js在当前光标处插入特定字符 兼容ie、火狐、谷歌、360、NETSCAPE等浏览器
- [原创]javascript实现textarea中光标处插入字符的实现[兼容ie和firefox]
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- js在一个可编辑的div光标处插入图片或者文本(兼容ie,火狐等浏览器)
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
- JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
- 解决js函数replace禁止输入框输入非法字符,光标回到文字最后问题(兼容ie、谷歌)
- js获得指定控件光标的坐标,兼容IE,Chrome,火狐等多种主流浏览器
- js获得指定控件光标的坐标,兼容IE,Chrome,火狐等多种主流浏览器
- 在光标处插入字符(兼容IE&FF)
- js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
- 原生javascript在textarea光标处插入表情字符
- 工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE,火狐,谷歌
- js获取textarea光标位置方法(兼容ie,ff)
- 加入收藏夹,设为首页,火狐和IE兼容的JS
- iframe编辑器光标位置插入内容方法,兼容IE和Firefox
- JS 回车快捷键登陆页面 兼容火狐和IE
- JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果