教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js操作文本框中文字并动态插入内容的实现代码

js操作文本框中文字并动态插入内容的实现代码

发布时间:2014-09-24   编辑:jiaochengji.com
用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:AppTag('[ImgFace1]')"><img src="./Images/Face/Face1.gif" border="0"></a>
<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;//得到文本框选中的文字

文本框:
 

复制代码 代码示例:
<asp:TextBox ID="Message" Runat="server" MaxLength="100" TextMode="MultiLine" Rows="15" Width="100%" />

可见,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插件教程

[关闭]
~ ~