在文本框的光标处插入指定的文本（兼容IE6和Firefox）-技术开发专区

在文本框的光标处插入指定的文本（兼容IE6和Firefox）

作者：ITPUB论坛编辑： nancy 2008-06-12 00:00

【IT168技术文档】

最开始是按自己的思路做，在keyup事件里对输入键做判断，以处理什么退格啊，删除啊，上下左右移动等动作，然后记录光标位置来做文本处理，费了好大劲。不过后来无意中发现了【孟子E章】的一个解决方案，简洁有效。

本着研究学习的目的，我对【孟子E章】的方法做了个封装，这样在使用时会简单一些，尤其是需要插入的标签较多时。

这是调用代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type = "text/javascript" src = "JScript.js"></script>
<script type="text/javascript">
window.onload = function()
{
var ci = new CursorInsert();
ci.SetTargetTextControl(document.getElementById('txtContent'));
ci.SetSourceControl(document.getElementById('btnSource'), '[note]NOTE[/note]');
ci.Initialize();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<textarea id = "txtContent" cols = "1" rows = "1" style = "width:500px;height:300px;"></textarea><br />
<input id = "btnSource" type = "button" value = "Click me" />
</form>
</body>
</html>

关注我们