在光标处的文本框中插入文本

Question

我在aspx页面中有一个文本框，用户可以在其中输入文本。 现在，当用户单击名为“ Sin”的按钮时，文本框应显示“ Sin []”，并且必须将光标置于方括号之间。如下所示：“ Sin [< cursor here >]”现在，当用户单击某些按钮时，其他按钮说“ Cos”，文本框文本应显示“ Sin [Cos []]”，并且光标已如下放置在Cos的括号之间：“ Sin [Cos [< 光标在此处 >]]”。

如何处理。 请输入任何简单的代码。

提前致谢

Answer 1

我希望您正在使用jquery。

<asp:TextBox id="txt" runat="server" />
<input type="button" id="sinBtn" value="Sin" tag="Sin[<cursor here>]" />
<input type="button" id="cosBtn" value="Cos" tag="Cos[<cursor here>]" />
//also you can generate the two buttons with server controls

这是JavaScript：

$(document).ready(function(){
   $('input[tag]').click(function(){
        var theText = $('#<%= txt.ClientID %>');
        theText.txt(theText.txt().replace('<cursor here>',this.tag);
   })
});

如果没有string.replace方法，请使用prototype进行扩展。

Answer 2

我认为使用jQuery应该不难。 查看以下链接：

1. jQuery教程
2. 在游标正在使用JavaScript jQuery的地方插入文本
3. 10个jQuery和非jQuery JavaScript丰富文本编辑器