<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script>
function insertface(tag){
var txtarea = document.getElementById("message");
//IE
if(document.selection) {
var theSelection = document.selection.createRange().text;
if(!theSelection) { theSelection=tag}
txtarea.focus();
if(theSelection.charAt(theSelection.length - 1) == " "){
theSelection = theSelection.substring(0, theSelection.length - 1);
document.selection.createRange().text = theSelection+ " ";
} else {
document.selection.createRange().text = theSelection;
}
// Mozilla
}else if(txtarea.selectionStart || txtarea.selectionStart == '0'){
var startPos = txtarea.selectionStart;
var endPos = txtarea.selectionEnd;
var myText = (txtarea.value).substring(startPos, endPos);
if(!myText) { myText=tag;}
if(myText.charAt(myText.length - 1) == " "){ // exclude ending space char, if any
subst = myText.substring(0, (myText.length - 1))+ " ";
} else {
subst = myText;
}
txtarea.value = txtarea.value.substring(0, startPos) + subst + txtarea.value.substring(endPos, txtarea.value.length);
txtarea.focus();
var cPos=startPos+(myText.length);
txtarea.selectionStart=cPos;
txtarea.selectionEnd=cPos;
// All others
}else{
txtarea.value+=tag;
txtarea.focus();
}
if (txtarea.createTextRange) txtarea.caretPos = document.selection.createRange().duplicate();
}
</script>
<input type="text" id="message" onclick="insertface('12')"/>
</BODY>
</HTML>
来自http://topic.csdn.net/u/20080401/14/67f30815-04e8-49cb-9e55-5930dc365046.html
分享到：
相关推荐
编辑框光标位置插入文本
- 通过`sel.text = myValue`在选区中插入指定的文本。 - 最后调用`sel.select()`重新选中插入后的文本。 ##### 3. Mozilla/Netscape支持 对于非IE浏览器（如Firefox等），则采用不同的方法： - 同样首先调用`...
通过Javascript在光标处插入文本 在网页开发中，经常需要在文本框中插入文本，特别是在光标处插入文本。下面，我们将讨论如何使用Javascript在光标处插入文本。 光标位置获取 在获取光标位置之前，我们需要了解...
总结起来，JavaScript在光标处插入指定内容涉及的关键知识点包括：DOM操作、文本选区和光标位置的获取、`Range`对象的使用、`Selection`对象的操作以及富文本编辑器的API。理解并熟练运用这些知识，可以让你在网页...
标题“Textarea在光标停留处插入文字”涉及到的是如何在`Textarea`中实现文字的动态插入，使得新添加的文字能精确地出现在用户当前光标所在的位置。这通常涉及到JavaScript的DOM操作和事件监听。 在HTML中，`...
"易语言源码易语言光标处插入文本"这个压缩包文件，从名称上看，显然是包含了使用易语言编写的源代码，其主要功能是关于在文本编辑器或程序的光标位置插入文本。 易语言的语法结构清晰，其基本组成包括指令、常量、...
"光标处插入文本"是编程中常见的操作，尤其是在处理用户界面（UI）和文本编辑功能时。在易语言中，实现这个功能涉及到了对控件的操作以及字符串处理。 易语言提供了丰富的内建命令和函数，使得在程序运行时在光标...
在JavaScript中，要实现在`textarea`的光标处插入内容，我们需要考虑浏览器的兼容性问题，因为不同的浏览器处理文本选择的方式不同。主要有两种方法： ##### A. IE支持 对于Internet Explorer浏览器，使用`...
javascript实现 在光标处插入指定内容 javascript是一种广泛应用于网页开发的脚本语言，它可以实现很多有趣和实用的功能。今天，我们来学习如何使用javascript实现在光标处插入指定内容。 在上面的代码中，我们...
vue项目中在可编辑div光标位置插入内容 html： ($event, draggable='true' v-for=(item, key=index click=dropRelease($event,> {{item.labelName}} <div cont
在Web开发中，动态地在用户当前光标处插入文本是一项非常实用的功能。这对于在线文本编辑器以及任何需要实时内容编辑的应用尤其重要。本文将详细探讨如何利用JavaScript中的两个关键对象：Selection和Range，实现这...
本文主要介绍如何使用jQuery在textarea元素中光标所在位置插入文本的技术，涉及到的操作和概念包括jQuery库的使用、文本框（textarea）的光标定位与操作、JavaScript中的字符串操作等。文章首先定义了jQuery的扩展...
标题“JS在textarea光标处插入文本的小例子”和描述“本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器”揭示了该文档是关于如何使用JavaScript在网页文本区域（textarea）组件光标所在位置插入...
接下来，我们要在该控件的文本末尾或光标位置插入字符串。对于CEdit控件，我们可以使用EM_SETSEL消息选择光标位置，然后使用EM_REPLACESEL消息替换选区（在这里是空选区，所以实际上是插入）文本。以下是一个简化的...
"Jquery内容插入光标处插件"是针对一个特定需求而设计的工具，它允许开发者在用户输入光标所在的位置动态插入内容，这对于构建富文本编辑器、聊天应用或任何需要在特定位置动态添加文本的界面来说是非常有用的。...
这个名为“ios-超简单textView指定光标下插入图片或文字.zip”的压缩包，很可能包含了一个Swift示例项目，教你如何在`textView`中实现这样的功能。下面将详细介绍如何在`textView`中进行图文混排。 1. **基础概念**...
光标指定位置 【亲测】【原创】 光标选中位置
编辑框插入文本通常涉及到“编辑框_插入文本”这条命令，这条命令允许我们在编辑框的当前位置或指定位置插入新的文本。 "编辑框_插入文本"命令的基本语法是： ```易语言 .编辑框编号.编辑框_插入文本(插入位置, ...
### JavaScript在一段文字中的光标处插入其他文字 在网页开发过程中，经常需要实现用户交互功能，其中一种常见的需求就是在文本框中特定位置插入文本。本文将详细介绍如何使用JavaScript实现在一段文字中的光标处...