`

js对<textarea>对象之selectionStart

jstextareaselectionStart 
阅读更多 
<!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
分享到：
| div居中center
评论
发表评论

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

相关推荐

    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...

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