`
xylw
  • 浏览: 60210 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
文章分类
社区版块
存档分类
最新评论

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

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>

</head>
<body>
    <form name="form1" method="post"  id="form1">

        <a href="javascript:" onclick="SetContent(this.innerText)">用户名</a><br>
        <textarea name="txtTemp" rows="2" cols="20" id="txtTemp" onblur="onblurAction();" style="height:320px;width:700px;"></textarea>
                                
                                
    </form>
</body>
</html>
 
<script type="text/javascript"> 
 
function SetContent(text)
{
 txtTemp.focus();
 var sel = document.selection.createRange();
 sel.text=text;
}
   
function onblurAction() {
    txtTemp = event.srcElement;
}
 
</script>
分享到:
评论

相关推荐

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

    ### JavaScript 获取光标所在文本框(text/textarea)中的位置 在前端开发中,经常需要处理用户在文本框(如`&lt;input type="text"&gt;`或`&lt;textarea&gt;`)内的输入行为,例如实现自动填充、实时校验等功能时,获取光标的...

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

    在JavaScript中,获取光标在文本框(text)或文本区域(textarea)中的位置是一项常见的需求,这在处理用户输入时非常有用。标题和描述提到的`js 光标 文本框`,就是指通过JavaScript实现对文本输入光标的定位和获取...

    js 获取光标在文本框中的位置

    在JavaScript中,获取光标在文本框(input[type="text"]或textarea)中的位置是一项常见的需求,这在处理用户输入或者实现某些特定功能时非常有用。以下是一些关于如何使用JavaScript来实现这一功能的关键知识点: ...

    JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容

    1. **焦点光标位置**:当用户在文本框中输入时,光标所在的位置就是焦点位置。这可以帮助我们判断用户当前正在输入的位置,以便进行相应的处理。 2. **选中起始位置**:这是用户选择的文本块的起始字符位置。例如,...

    在textarea光标处插入文本

    本文将详细介绍如何使用JavaScript在`textarea`的光标位置插入文本。该方法适用于多种浏览器环境,包括Internet Explorer(IE)和其他基于Mozilla的浏览器(如Firefox)。我们将通过分析提供的代码示例来深入理解其...

    JS获取文本框光标位置、选中起始位置、终止位置、选择内容

    在JavaScript中,与文本框(`&lt;input type="text"&gt;`或`&lt;textarea&gt;`)相关的操作是常见的前端开发任务。特别是在交互式应用中,我们经常需要获取或设置用户输入时的光标位置、选中文字的起始和终止位置,以及获取选中...

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

    本文主要介绍如何使用jQuery在textarea元素中光标所在位置插入文本的技术,涉及到的操作和概念包括jQuery库的使用、文本框(textarea)的光标定位与操作、JavaScript中的字符串操作等。文章首先定义了jQuery的扩展...

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

    在JavaScript中,操作文本输入域,如`&lt;textarea&gt;`,涉及到光标位置的处理时,通常需要使用到浏览器提供的API。对于不同的浏览器,这些API可能会有所差异。在处理`&lt;textarea&gt;`光标位置插入文字并移动光标到文字末尾的...

    页面一载入光标定位到文本框,并选中其中文字

    在网页设计和开发中,有时候我们需要实现这样的功能:当页面加载完成后,自动将光标定位到特定的文本框,并选中文本框内的全部文字。这个功能常见于表单填写、搜索框或者任何需要用户快速输入的场景,可以提高用户...

    textarea文本框删除当前行内容的功能

    在某些场景下,我们可能需要实现一个功能,即当用户点击某个按钮时,删除`textarea`中当前光标所在行的内容。这个功能在编辑器、表单或任何需要处理多行文本的界面中都很实用。本文将详细讲解如何实现这一功能,并...

    jQuery获取和设置文本框光标

    在HTML的`&lt;input type="text"&gt;`或`&lt;textarea&gt;`元素中,光标代表用户当前输入的位置。而选中文本则涉及选取一个或多个字符的范围。通过JavaScript或jQuery,我们可以对这些行为进行编程控制,提供更加个性化的用户...

    通过javascript在光标处插入文本

    在网页开发中,经常需要在文本框中插入文本,特别是在光标处插入文本。下面,我们将讨论如何使用Javascript在光标处插入文本。 光标位置获取 在获取光标位置之前,我们需要了解浏览器对光标位置的支持情况。Fire...

    JavaScript记录光标在编辑器中位置的实现方法_.docx

    JavaScript记录光标在编辑器中位置的实现方法是网页交互中的一个重要功能,它涉及到用户输入时的光标定位。在富文本编辑器或者简单的文本输入框中,有时我们需要记录用户在输入时光标的位置,以便在某些操作后能恢复...

    js完美解决jsp文本框限制只能输入数字、小数问题

    本文将详细解析一种使用JavaScript(简称JS)的方法来实现这一需求,特别适用于JavaServer Pages (JSP) 环境中的表单输入控制。 #### 关键知识点 1. **HTML Input 元素与事件处理** - 使用`&lt;input&gt;`标签创建一个...

    javascript textarea光标定位方法(兼容IE和FF)

    在 textarea 中设置光标位置是一个常见的需求,特别是在用户交互场景中,如文本编辑、表单填写等。由于不同的浏览器对某些 API 的支持不同,因此我们需要编写兼容性的代码来处理这个问题。 对于 IE 浏览器,它提供...

    js实现在文本框光标处添加字符的方法介绍

    在JavaScript编程中,有时我们需要实现一个功能,即在用户输入的文本框(input[type="text"] 或 textarea)的光标位置动态插入特定字符。这在创建富文本编辑器、在线表单或者任何需要用户交互输入的场景中非常常见。...

    js获取光标位置和设置文本框光标位置示例代码

    在JavaScript中,获取和设置文本框(input[type="text"])或文本域(textarea)的光标位置是一项常见的任务,特别是在实现用户交互功能时。在不同的浏览器中,处理光标位置的方法有所不同,主要分为IE浏览器和其他非...

    jquery 确定光标位置

    要获取光标在文本框中的位置,可以使用`selectionStart`属性。例如,对于一个ID为`myInput`的元素,你可以这样获取: ```javascript var cursorPos = $('#myInput').prop('selectionStart'); ``` 2. **设置...

Global site tag (gtag.js) - Google Analytics