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

发布时间:2019-07-28编辑:脚本学堂
用js代码操作文本框中的文字,并实现可以动态插入内容的功能,有需要的朋友,可以参考下。

代码如下:

复制代码 代码示例:

<script language="javascript">
//settag.js
//操作文本框
//by http://www.jb200.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 教程,帮助大家提高技术水平咯。