`

js对<textarea>对象之selectionStart

阅读更多
<!DOCTYPE html>
<html>
<head>
<title>Selection Start and End example</title>
    <script type="text/javascript">
        function SelectSomeText () {
            var input = document.getElementById ("Textbox");
                input.selectionStart = 4;
                input.selectionEnd = 13;                
        }       
      
    </script>
</head>
<body>


    <p><input type="text" id="Textbox" size="40" value="The text selection appears here"/></p>
    <p><button onclick="SelectSomeText ()">See selection</button></p>    
  
    
</body>
</html> 



效果图:














http://msdn.microsoft.com/en-us/library/ie/ff974768(v=vs.85).aspx




-
  • 大小: 2.2 KB
分享到:
评论

相关推荐

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

    在JavaScript编程中,获取和设置光标位置是常见的需求,特别是在与用户交互的表单元素如`&lt;input&gt;`和`&lt;textarea&gt;`中。这涉及到DOM(文档对象模型)操作和事件处理,对于创建动态和响应式的网页应用至关重要。本文将...

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

    在前端开发中,经常需要处理用户在文本框(如`&lt;input type="text"&gt;`或`&lt;textarea&gt;`)内的输入行为,例如实现自动填充、实时校验等功能时,获取光标的位置就显得尤为重要。本文将详细介绍如何使用JavaScript来实现这...

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

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

    js TextArea的选中区域处理

    在JavaScript中,处理`&lt;textarea&gt;`元素的选中区域是一项常见的任务,特别是在用户交互和文本编辑器的开发中。在不同的浏览器环境下,实现这一功能的方法有所不同。以下是对标题和描述中涉及的知识点的详细说明: ##...

    JavaScript文本框脚本编写的注意事项

    对于`&lt;input&gt;`,通常使用`type="text"`来创建单行文本输入,而`&lt;textarea&gt;`用于多行文本输入。 1. **属性设置** - `type`: 对于`&lt;input&gt;`,设置`type="text"`来创建文本框。 - `size`: 指定`&lt;input&gt;`文本框中能...

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

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

    JS实现选定指定HTML元素对象中指定文本内容功能示例

    在JavaScript中,我们可以针对`&lt;input&gt;`或`&lt;textarea&gt;`等可编辑元素来实现文本的选择。这个功能在很多场景下都很有用,例如在富文本编辑器中高亮显示特定文本或者进行文本操作。 主要的JavaScript函数是`selectSome...

    javascript获取选中的文本的方法代码.docx

    &lt;textarea id="content" cols="30" rows="10"&gt; 河中鱼类离奇死亡,下游居民频染怪病,沿岸植物不断变异,是残留农药?还是生化攻击?敬请关注今晚CCTV-10《科学探究》,即将播出的专题节目:《神奇的河边洗脚人--...

    通过javascript在光标处插入文本

    &lt;textarea id="ta" onkeyup="savePos(this)"&gt;&lt;/textarea&gt; &lt;input type="text" id="inputtext" value="要插入的文本" /&gt; &lt;button onclick="add()"&gt;插入文本&lt;/button&gt; &lt;/body&gt; &lt;/html&gt; ``` 在上面的示例代码中,...

    JavaScript获取文本框内选中文本的方法

    `&lt;textarea&gt;`元素中有一个id为`a`,这样就可以在JavaScript中通过`document.getElementById('a')`来获取这个`&lt;textarea&gt;`元素。按钮元素上绑定了`onclick`事件,当点击按钮时,会调用`getFieldSelection`函数并传入...

    Javascript 获取光标位置

    对于`&lt;input&gt;`和`&lt;textarea&gt;`这样的文本输入元素,可以使用`selectionStart`和`selectionEnd`属性来获取光标的位置。这两个属性分别表示选区的起始和结束位置,如果没有选区,则返回光标的位置。例如,要获取`...

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

    在HTML中,文本输入元素,例如`&lt;textarea&gt;`和`&lt;input type="text"&gt;`,提供了`selectionStart`和`selectionEnd`属性,它们用于获取当前用户选中文本的起始和结束位置。然而,这些属性在不同浏览器和不同的元素中支持...

    让textarea控件的滚动条怎是位与最下方

    这涉及到对`textarea`滚动条行为的控制,主要是通过JavaScript来实现。 首先,我们要理解`textarea`的几个关键属性和样式: 1. `rows` 和 `cols`:这两个属性分别定义了`textarea`的行数和列数,用来设置其初始...

    在textarea光标处插入文本

    &lt;/textarea&gt; &lt;input type="button" onclick="insertAtCursor(document.getElementById('keleyi_com'), 'www.keleyi.com')" value="ı"/&gt; ``` - `textarea`用于接收用户输入。 - 按钮用于触发文本插入操作。 #### ...

    js实现的光标位置工具函数示例

    JavaScript中的光标位置工具函数是用于操作用户在输入框(如`&lt;textarea&gt;`或`&lt;input&gt;`)中光标位置和选中文本的关键工具。在Web开发中,这些功能经常被用于实现各种交互式功能,比如富文本编辑器、表单验证等。下面将...

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

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

    javascript获取选中的文本的方法代码

    然后,检查是否存在`window.getSelection()`方法,如果存在,则继续判断该元素是否有`selectionStart`和`selectionEnd`属性,这是针对`&lt;textarea&gt;`和`&lt;input&gt;`等表单元素的特性。如果这些属性存在,则使用`substring...

Global site tag (gtag.js) - Google Analytics