`
莫生气
  • 浏览: 866199 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

转：用JavaScirpt在Textarea中插入元素（光标位置）

Firefox 
阅读更多 
<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="20" COLS="40" 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>
分享到：
| 转：如何查看本机打开的端口是被哪个程序使 ...
评论
1 楼 yeminping 2009-08-12  
firefox不能用？如何解决
发表评论

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

相关推荐

    javascirpt 在textarea中运行（自己学习）

    在本文中，我们将深入探讨如何在HTML中的`&lt;textarea&gt;`元素中使用JavaScript来执行代码，以及相关的源码分析和工具使用。 首先，`&lt;textarea&gt;`是HTML中的一个表单元素，用于用户输入多行文本。默认情况下，`&lt;textarea...

    javascirpt

    根据提供的文件信息，我们可以推断出此文档主要讨论了JavaScript中的按键事件处理，特别是如何捕捉并显示用户按下特定键的信息。接下来将详细解释文件中提到的关键知识点。 ### 标题：“javascirpt” 此处标题可能...

    javascirpt 小技巧 javascirpt 小技巧

    JavaScript 是一种广泛应用于网页和网络应用的脚本语言，它在浏览器环境中运行，为用户提供交互式体验。以下是一些JavaScript的小技巧和知识点： 1. **事件源对象**: `event.srcElement` 可以用来获取触发事件的...

    JAVAscirpt代码

    JavaScript是一种广泛应用于网页和网络应用的编程语言，它在网页开发中扮演着至关重要的角色，尤其是在动态交互方面。"JavaScript代码"这个主题涵盖了JavaScript在实际应用中的各种技巧和实例，如描述中提到的联动...

    JAVASCIRPT

    通用javaScript的验证框架

    JavaScirpt的基本用法

    在本主题中，我们将深入探讨JavaScript的基本语法、事件处理以及window对象。 首先，我们来了解一下JavaScript的基本语法。JavaScript语法与C++和Java有相似之处，但更宽松，它允许在一行内编写多条语句。变量声明...

    JavaScirpt搜索关键字提示

    在"JavaScirpt搜索关键字提示"这个主题中，我们主要讨论的是如何利用JavaScript实现一个搜索关键字的下拉提示功能，这种功能常见于搜索引擎或网站搜索框中，能够为用户提供便捷的搜索建议。 在描述中提到的"中英文...

    javascirpt树形菜单例子

    在给定的“javascirpt树形菜单例子”中，我们可以深入探讨以下相关知识点： 1. **DOM操作**：JavaScript树形菜单的实现通常涉及对DOM（文档对象模型）的操作。通过创建、修改或删除DOM元素，我们可以动态地构建和...

    javascript大全

    - `event.x` 和 `event.y`: 触发事件时鼠标在屏幕上的坐标位置。 ### DOM操作 - `document.activeElement`: 获取当前文档中活动的元素，通常是获得焦点的元素。 - `document.createElement("SPAN")`: 创建一个新的`...

    Javascirpt定义类详细介绍

    - **静态方法**：使用`static`关键字可以定义类的静态方法，这些方法不依赖于类的实例，而是直接在类本身上调用。 ```javascript class Person { static getClassName() { return this.name; } } console.log...

    Minesweeper:一个javascirpt扫雷游戏渲染器的构建。

    Minesweeper:一个javascirpt扫雷游戏渲染器的构建。

    javascirpt源码学习

    9. **前端框架与库**：在实际开发中，常常会使用React、Vue、Angular等前端框架，它们提供了组件化、状态管理等高级功能，简化开发流程。此外，jQuery等库也常用于简化DOM操作和事件处理。 10. **调试与性能优化**...

    Javascirpt模态提示效果

    在本案例中，我们看到的是使用纯JavaScript实现的一种模态对话框效果，而不是依赖于像Bootstrap这样的库。让我们深入探讨一下这个话题。 首先，"模态"（Modal）在UI设计中是指一个阻止用户与页面其他部分交互的窗口...

    javascirpt图片切换效果

    JavaScript是一种广泛应用于网页和网络应用中的编程语言，它在网页动态效果和用户交互方面起着至关重要的作用。本文将深入探讨如何使用JavaScript实现图片切换效果，以提升网站的用户体验。 首先，图片切换效果通常...

    图片在窗体间移动效果（HTML+JavaScirpt）

    在这个例子中，我们使用`&lt;img&gt;`标签插入图片，并通过`id`属性`moving-image`为它指定一个唯一标识，以便在JavaScript中引用。`src`属性指定了图片的路径，`alt`属性提供了图片的文字描述。 接着，我们需要编写...

    JavaScript实现增加和查询

    增加商品通常意味着在页面上创建新的HTML元素，如`&lt;div&gt;`或`&lt;li&gt;`，并将其插入到适当的位置。这可以通过`document.createElement()`创建新元素，`innerHTML`或`textContent`设置元素内容，以及`appendChild()`或`...

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