js操作文本框中文字并动态插入内容的实现代码
代码如下:
<script language="javascript">
//settag.js
//操作文本框
//by http://www.jiaochengji.com
function AppTag(tagcode)
{
document.PostMessage.Message.value += tagcode;
}
function InsertTag(tagbegin,tagend)
{
if ((document.selection)&&(document.selection.type == "Text")) {
var range = document.selection.createRange();
var ch_text=range.text;
range.text = tagbegin + ch_text + tagend;
}
else
{
document.PostMessage.Message.value=tagbegin+document.PostMessage.Message.value+tagend;
document.PostMessage.Message.focus();
}
}
</script>
调用,执行操作的图标按钮:
<a href="javascript:InsertTag('[B]','[/B]')"><img src="./Images/tags/EditorBold.gif" alt="Bold" border="0"></a>
其中[ImgFace1],[B],[/B]为要插入的文字
var range = document.selection.createRange();
var ch_text=range.text;//得到文本框选中的文字
文本框:
可见,javascript用的好了,也是处处皆出彩的,欢迎大家经常关注本站的javascript 教程,帮助大家提高技术水平咯。
您可能感兴趣的文章:
js控制文本框自动适应文本长度的例子
js操作文本框中文字并动态插入内容的实现代码
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
【精品推荐】web开发人员应该知道的31个jQuery模态对话框
jQuery Dialog 弹出层对话框插件
php如何实现弹出提示框并跳转
web前端与php有什么区别?
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
基于jQuery的输入框在光标位置插入内容, 并选中
jQuery插件教程