`

js选中部分文本

 
阅读更多
引用

<script>
function foo(){
   var textbox=  document.getElementById('target');
   selectText(textbox,0,14);  //选择前 14 个字符
}

/**
* @textbox : 要操作的文本
* @startIndex : 要选择文本中第一个字符的索引
* @stopIndex : 要选择文本最后一个字符之后的索引
*/
function selectText(textbox,startIndex,stopIndex){
     if(textbox.setSelectionRange){
       textbox.setSelectionRange(startIndex,stopIndex);
}else if(textbox.createTextRange){
     var range=textbox.createTextRange();
range.collapse(true);
range.moveStart('character',startIndex);
range.moveEnd('character',stopIndex-startIndex);
range.select();
}
textbox.focus();
}
</script>
<textarea cols="40" rows="10" id="target">
<div>php</div>
<div>qqq</div>
</textarea>
<input type="button" onclick="foo()" value="Click">
分享到:
评论

相关推荐

    javascript获取选中文本

    javascript获取选中文本的测试脚本,选中文本时产生一个按钮,点击按钮显示文本内容

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

    ### JavaScript 获取选中文本的方法 在网页开发过程中,有时候我们需要获取用户在页面上选中的文本内容,例如在富文本编辑器、文字处理工具或者交互式文档中。通过JavaScript,我们可以轻松实现这一功能。 #### ...

    js实现鼠标点击文本框自动选中内容的方法

    在这些函数中,通过调用DOM元素的select()方法,即可实现自动选中文本框内文本的效果。 此外,代码示例中使用了HTML表单(form)和表格(table)布局,以便将输入框组织在表单中,并通过表格显示以适应页面布局设计...

    Chrome插件,右键菜单转换选中文本为二维码

    4. **内容脚本**(content.js):在用户选中文本的网页上运行,负责处理选中文本并将其转换为二维码。可以使用JavaScript库如`qrcode-generator`或`html2canvas`+`jsQR`来实现这个功能。 5. **事件监听与处理**:在...

    asp.net 能自动选中文本的TextBox控件源码

    在压缩包文件名称"Example080-能自动选中文本的TextBox控件"中,“Example080”可能是一个示例编号,表示这是第80个示例,而“能自动选中文本的TextBox控件”则是这个示例的核心内容,说明里面包含的代码和解释将...

    选中文字点击改变字体颜色JS相当好用

    通过深入分析代码片段,我们了解到使用JavaScript改变选中文本颜色的方法,包括对不同浏览器环境的兼容处理、利用DOM操作实现样式更改,以及通过用户界面元素触发事件。这些技术点对于前端开发者来说至关重要,能够...

    WebView 自定义长按选择,实现收藏 / 分享选中文本

    总之,实现WebView自定义长按选择并提供收藏和分享选中文本的功能,涉及到WebView的事件监听、JavaScript与Java的交互、自定义菜单的创建以及Android的分享和存储机制。这需要开发者具备扎实的Android基础和一定的...

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

    本文详细介绍了如何通过JavaScript来实现获取用户选中文本的功能,并提供了相应的代码实现。 首先,了解如何在JavaScript中判断浏览器是支持IE还是W3C标准的获取选中文本的方式至关重要。IE浏览器通过`document....

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

    总结以上知识点,JavaScript获取文本框内选中文本的方法主要涉及以下几个方面: 1. 使用`document.selection`和`createRange()`在IE浏览器中获取选中文本。 2. 使用`selectionStart`和`selectionEnd`在非IE浏览器中...

    Js高亮显示文本输入框.rar

    在JavaScript编程中,高亮显示文本输入框是一个常见的需求,特别是在开发富文本编辑器、代码编辑器或搜索功能时。这个“Js高亮显示文本输入框.rar”压缩包可能包含了实现这一功能的相关代码和资源。下面我们将深入...

    js 获取选中文字

    3. `toString()`:返回用户选中的文本内容,这是最常用的方法,可以轻松获取选中文本。 下面是一个简单的示例,展示如何使用`window.getSelection()`: ```javascript function getSelectedText() { if (window....

    js获取下拉列表中选中的值和文本

    获取选中文本稍微复杂一些,可以通过访问`&lt;option&gt;`元素实现: ```javascript var selectedOption = selectElement.options[selectElement.selectedIndex]; var selectedText = selectedOption.text; ``` 这里的`...

    用javascript做的文本编辑器

    - **删除线(StrikeThrough)**:为选中文本添加删除线效果。 - **设置字体颜色(ForeColor)**:改变选中文本的颜色。 - **设置背景色(BackColor)**:改变选中文本的背景颜色。 - **插入链接(CreateLink)**:为...

    javascript网页获取文本选中文字内容

    javascript网页获取文本选中文字内容

    chrome extension例子——选中文本笔记

    【标题】"Chrome扩展开发实例:选中文本笔记" 这篇博客文章主要讲解了如何利用Chrome扩展(Extension)功能,创建一个实用的工具,允许用户在浏览网页时方便地选取文本并进行笔记记录。Chrome扩展是一种JavaScript...

    纯js实现复制文本并提示复制成功(干货)适用所有浏览器

    3. **模拟选中文本**:在textarea上执行选中文本的操作。 ```javascript textarea.select(); ``` 4. **执行复制操作**:使用`execCommand`方法尝试执行复制命令。这个方法在老版本的浏览器中是可用的。 ```...

    下拉列表选中项的文本值的赋值与取值

    获取下拉列表当前选中项的文本值,可以使用JavaScript的`options`属性和`text`属性。下面是一个示例: ```javascript var selectedOption = document.getElementById('mySelect').selectedIndex; var selectedText ...

    JS文本框文本复制剪切代码.zip

    1. **选中文本** 要选择文本框中的特定文本,可以使用`select()`方法。例如: ```javascript var textBox = document.getElementById('myTextBox'); textBox.select(); ``` 这将选择ID为'myTextBox'的文本框中...

    选中文本文字后弹窗demo

    html选中文本文字后弹窗demo

    JavaScript 富文本框

    这些库已经实现了大部分富文本功能,只需简单集成就能快速搭建功能齐全的富文本框。 5. **内容编辑接口**:富文本编辑器通常提供API接口,用于获取或设置编辑器内的HTML内容。例如,`getContent()`用于获取当前的...

Global site tag (gtag.js) - Google Analytics