`
mutongwu
  • 浏览: 452575 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

textarea 光标插入

阅读更多
<textarea id='target_area'onclick="setCaret(this);" onkeyup="setCaret(this);"></textarea>


//设置textarea光标位置
function setCaret(textObj){
		if(textObj.createTextRange){  
		   textObj.caretPos=document.selection.createRange().duplicate();  
		}
}
//光标位置插入内容
function insertAtCaret(textFeildValue){
	var textObj = document.getElementById('target_area');
	if(firefox){
		var start = textObj.selectionStart;
		var end = textObj.selectionEnd;
		textObj.value = textObj.value.substr(0,start) + textFeildValue + textObj.value.substr(end);
	}
    else
	{
		if(textObj.createTextRange && textObj.caretPos){     
			var caretPos=textObj.caretPos;    
			caretPos.text=caretPos.text.charAt(caretPos.text.length-1)==''?textFeildValue+'':textFeildValue;
		}else {
		  textObj.value+=textFeildValue;
		}
	}
}
分享到:
评论

相关推荐

    在textarea光标处插入文本

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

    Textarea在光标停留处插入文字

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

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

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

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

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

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

    在IT领域,特别是前端开发中,使用JavaScript在`textarea`元素的光标位置插入内容是一项常见且实用的技术。本文将详细解析如何实现这一功能,并深入理解其背后的逻辑与原理。 ### 核心知识点:在`textarea`光标处...

    vue获取textarea的光标位置.js

    vue通过当前的光标来进行插值,从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理,从而达到对新字符的插入

    JS在TextArea光标位置插入文字并实现移动光标到文字末尾

    在处理`&lt;textarea&gt;`光标位置插入文字并移动光标到文字末尾的操作时,主要涉及两个关键属性:`selectionStart`和`selectionEnd`,以及在IE中使用的`document.selection`对象。 `selectionStart`和`selectionEnd`是...

    JavaScript获取,设置光标位置,兼容InputTextArea

    如果要在特定位置插入文本,可以先保存旧的光标位置,插入文本,然后更新光标位置: ```javascript let oldCursorPos = input.selectionStart; input.value = input.value.slice(0, oldCursorPos) + '新文本' + ...

    jquery textarea插入gif动态QQ表情图片表单提交

    这会在textarea的当前光标位置插入表情。 至于表单提交,当用户完成输入并点击提交按钮时,需要获取textarea的值,包括插入的表情。由于表达式是自定义的字符串,服务器端需要解析这些字符串来显示对应的gif图片。...

    jQueryCursorPlugIn.js textArea文本光标全功能插件

    jQuery textArea文本光标全功能插件,可以获取光标位置,向光标文字插入文本,高亮显示指定的文本块

    通过javascript在光标处插入文本

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

    javascript 在光标处插入指定内容

    在JavaScript中,向文本输入框或者富文本编辑器在光标位置插入特定内容是一项常见的需求。这涉及到对DOM(文档对象模型)的操作以及对文本选取的理解。以下将详细阐述实现这个功能所需的知识点。 首先,我们需要...

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

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

    javascript获得光标所在的文本框(text/textarea)中的位置

    总的来说,通过JavaScript的`selectionStart`属性和`createTextRange()`方法,我们可以轻松地在各种浏览器中获取光标在文本框或文本区域中的位置,这对于实现各种文本编辑功能,如高亮选区、插入文本等是非常有用的...

    使用TextRange获取输入框中光标的位置的代码

    对于&lt;textarea onkeydown="GetCursorPsn(this)"&gt;&lt;/textarea&gt;,将不能再使用Shift+上下左右四个方向键来选择文本。因为代码在获取了当前光标到文本的startPoint后,调用rng.collapse(false);会改变文本筐内文本的Edit...

    javascript获得光标所在的文本框(text textarea)中的位置.docx

    - 光标位置指的是用户当前正在编辑的文本框中插入点的位置。 - 对于`&lt;input type="text"&gt;`和`&lt;textarea&gt;`元素来说,光标位置可以帮助开发者了解用户的输入习惯,从而更好地设计交互逻辑。 2. **API介绍**: - **...

    jQuery插件 文本框、文本域 光标处插入代码

    本主题聚焦于一个特定的jQuery插件,该插件允许开发者在文本框(`&lt;input type="text"&gt;`)和文本域(`&lt;textarea&gt;`)中于光标位置插入代码或内容。这对于编辑器、代码编辑器或任何需要动态插入文本的场景来说是非常...

Global site tag (gtag.js) - Google Analytics