`
kenshinlk
  • 浏览: 118311 次
  • 性别: Icon_minigender_1
  • 来自: 广东.佛山.南海
社区版块
存档分类
最新评论

光标处插入文本

光标处插入文本 
阅读更多
<HTML>
<HEAD> 
<SCRIPT> 
function storeCaret (textEl) {
if (textEl.createTextRange) 
textEl.caretPos = document.selection.createRange().duplicate(); 
}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text; 
} 
else 
textEl.value = text;

} 
</SCRIPT> 
</HEAD> 
<BODY> 
<FORM NAME="aForm">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft" ONSELECT="storeCaret(this);" ONCLICK="storeCaret(this);" ONKEYUP="storeCaret(this);"> 这是例子，你可以在这里添加文字、插入文字。 </TEXTAREA> 
<BR> 
<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="我要在光标处插入这些文字"><BR>
<INPUT TYPE="button" VALUE="我要在光标处插入上面文本框里输入的文字！" ONCLICK="insertAtCaret(this.form.aTextArea, this.form.aText.value);">
</FORM>
</BODY>
</HTML>  
分享到：
| JS一个简单的面向对象例子
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    易语言光标处插入文本

    易语言光标处插入文本源码,光标处插入文本,GetForegroundWindow,GetWindowThreadProcessId,GetCurrentThreadId,AttachThreadInput,GetFocus,GetClassName1,GetClassName,SetWindowLong,SendMessage,WindowFromPoint,...

    在textarea光标处插入文本

    ### 在Textarea光标处插入文本 #### 知识点概览 本文将详细介绍如何使用JavaScript在`textarea`的光标位置插入文本。该方法适用于多种浏览器环境，包括Internet Explorer（IE）和其他基于Mozilla的浏览器（如Fire...

    易语言源码易语言光标处插入文本.rar

    "易语言源码易语言光标处插入文本"这个压缩包文件，从名称上看，显然是包含了使用易语言编写的源代码，其主要功能是关于在文本编辑器或程序的光标位置插入文本。 易语言的语法结构清晰，其基本组成包括指令、常量、...

    通过javascript在光标处插入文本

    通过Javascript在光标处插入文本 在网页开发中，经常需要在文本框中插入文本，特别是在光标处插入文本。下面，我们将讨论如何使用Javascript在光标处插入文本。 光标位置获取 在获取光标位置之前，我们需要了解...

    易语言光标处插入文本.rar

    "光标处插入文本"是编程中常见的操作，尤其在处理用户界面（UI）交互时，例如在文本编辑器、输入框等组件中。下面将详细介绍易语言如何实现这一功能。 首先，我们需要理解“光标”在编程中的概念。光标通常指的是...

    编辑框光标位置插入文本

    编辑框光标位置插入文本

    易语言光标处插入文本.7z

    "光标处插入文本"是编程中常见的操作，尤其是在处理用户界面（UI）和文本编辑功能时。在易语言中，实现这个功能涉及到了对控件的操作以及字符串处理。 易语言提供了丰富的内建命令和函数，使得在程序运行时在光标...

    Textarea在光标停留处插入文字

    标题“Textarea在光标停留处插入文字”涉及到的是如何在`Textarea`中实现文字的动态插入，使得新添加的文字能精确地出现在用户当前光标所在的位置。这通常涉及到JavaScript的DOM操作和事件监听。 在HTML中，`...

    javascript 在光标处插入指定内容

    以下是一个简单的例子，展示了如何在光标处插入文本： ```javascript function insertAtCursor(element, text) { if (document.activeElement !== element) { element.focus(); } // 创建一个新的文本节点 ...

    易语言光标处插入文本-易语言

    易语言光标处插入文本

    JS在textarea光标处插入文本的小例子

    标题“JS在textarea光标处插入文本的小例子”和描述“本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器”揭示了该文档是关于如何使用JavaScript在网页文本区域（textarea）组件光标所在位置插入...

    jQuery往textarea中光标所在位置插入文本的方法

    本文实例讲述了jQuery往textarea中光标所在位置插入文本的方法。分享给大家供大家参考。具体实现方法如下： &lt;html&gt; &lt;head&gt; [removed][removed] [removed] $(function() { /* 在textarea处插入文本--...

    c#光标处插入项目源码_光标插入_married6uu_flewuvd_

    在C#编程中，"光标插入"是一个常见的操作，特别是在文本编辑器或者代码编辑器的开发中。这个操作允许用户在当前光标位置插入新的文本或者代码，提高编写和编辑代码的效率。"c#光标处插入项目源码"涉及到的核心知识点...

    JavaScript中在光标处插入添加文本标签节点的详细方法

    在Web开发中，动态地在用户当前光标处插入文本是一项非常实用的功能。这对于在线文本编辑器以及任何需要实时内容编辑的应用尤其重要。本文将详细探讨如何利用JavaScript中的两个关键对象：Selection和Range，实现这...

    光标处插入图片(类似于qq表情)

    在IT行业中，尤其是在文本编辑和富文本处理领域，"光标处插入图片(类似于qq表情)"是一个常见的功能需求。这个功能允许用户在文本输入时，像QQ聊天那样，在光标位置方便地插入图片，增强表达的生动性。下面将详细探讨...

    使用JS在textarea在光标处插入内容

    通过这种方式，用户可以在`textarea`中的任何位置轻松地插入文本，而无需手动删除或移动光标。 ### 结论 掌握在`textarea`光标处插入内容的技术，对于前端开发者来说至关重要。它不仅提高了用户体验，还展示了...

    vue项目中在可编辑div光标位置插入内容的实现代码

    vue项目中在可编辑div光标位置插入内容 html： ($event, draggable='true' v-for=(item, key=index click=dropRelease($event,&gt; {{item.labelName}} &lt;div cont

    DIV可编辑模式在光标位置插入内容

    以下是一个简单的示例，展示了如何在光标位置插入文本： ```javascript function insertAtCursor(text) { var selection = window.getSelection(); var range = selection.getRangeAt(0); // 创建一个新的文本...

Magicbox
Global site tag (gtag.js) - Google Analytics