`
lmh2072005
  • 浏览: 114221 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript获取选中的文字

 
阅读更多

function getSelectText(){

var e = getSelectText.caller.arguments[0] || window.event;

var selText = "";

if (window.getSelection) {      // Firefox, Opera, Google Chrome and Safari

                if (document.activeElement && 

                        (document.activeElement.tagName.toLowerCase () == "textarea" || 

                         document.activeElement.tagName.toLowerCase () == "input")) //firefox

                {

                    var text = document.activeElement.value;

                    selText = text.substring (document.activeElement.selectionStart, 

                                              document.activeElement.selectionEnd);

                }

                else {

                    var selRange = window.getSelection ();

                    selText = selRange.toString ();

                }

            }

            else {

                if (document.selection.createRange) {       // Internet Explorer

                    var range = document.selection.createRange ();

                    selText = range.text;

                }

            }

return selText.toString();

 

 

 

//设置输入框文字选中

function selectText(ele,startIndex,stopIndex){

if(ele.setSelectionRange){

ele.setSelectionRange(startIndex,stopIndex);

}else if(ele.createTextRange){  //IE

var range = ele.createTextRange();

range.collapse(true);

range.moveStart("character",startIndex);

range.moveEnd("character",stopIndex - startIndex);

range.select();

}

ele.focus();

}

分享到:
评论

相关推荐

    js 获取选中文字

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

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

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

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

    标题与描述中的知识点是关于如何使用JavaScript来实现选中文字并改变其字体颜色的功能。这一技术在网页开发中非常实用,特别是在需要用户交互操作的场景下,如在线编辑器、笔记应用或博客平台等。 ### 核心知识点...

    用JavaScript获取页面上被选中的文字的技巧.html

    html用JavaScript获取页面上被选中的文字的技巧

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

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

    网页选中文字实现弹出编辑框

    用户在网页上选中的文字,可以通过JavaScript获取。在JavaScript中,`window.getSelection()`或`document.getSelection()`方法可以获取到当前选中的文本。例如: ```javascript var selectedText = window....

    JavaScript获取页面上被选中文字的方法技巧

    Range对象是文档中的一个区间,可以被用来操作和获取选中文本的详细信息,比如文本的起始位置和结束位置。 在实际的Web应用中,可以通过绑定鼠标事件来捕捉用户选中文本的动作。例如,可以监听`mouseup`事件,当...

    JavaScript 选中文字并响应获取的实现代码

    // 获取选中文字 var sText = document.selection == undefined ? document.getSelection().toString() : document.selection.createRange().text; if (sText != "") { // 将参数传入回调函数fn fn(sText, ...

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

    **获取选中起始位置和终止位置**: ```javascript function getSelectionRange(input) { if (input.selectionStart !== undefined && input.selectionEnd !== undefined) { return { start: input.selectionStart,...

    FCKeditor获取选中内容的JS

    本文将详细介绍如何通过JavaScript获取FCKeditor中的选中内容以及整个编辑框的HTML内容。 首先,我们需要了解FCKeditor的基本结构。FCKeditor的核心是通过IFrame实现的,编辑区域实际上是一个嵌入在页面中的独立...

    jquery选中文字弹出分享按钮(仅限高版本浏览器

    接着,我们可以使用`getSelection()`方法获取选中的文本,并通过`window.getSelection().toString()`来提取选中文本的内容。 然后,为了检测是否为高版本浏览器,我们需要检查浏览器的特性或者版本信息。例如,我们...

    JavaScript实现选中文字提示新浪微博分享效果

    这里的目标URL是新浪微博的分享页面,其中包含通过JavaScript获取的选中文本和当前页面的URL。这样用户就可以在点击分享按钮后,直接跳转到新浪微博进行分享操作。 6. 用户体验优化:通过`ev.cancelBubble`阻止事件...

    JS获取鼠标选中的文字

    总的来说,通过JavaScript获取鼠标选中的文字是一个非常实用的技术点。开发者可以利用这个技术点来丰富网页的交互方式,提高用户体验。然而,开发者在使用这些技术时,需要考虑到不同浏览器之间的兼容性问题,并适当...

    javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】

    // 取消选中文字 document.selection.empty(); // IE9以下 window.getSelection().removeAllRanges(); // 其他现代浏览器 ``` 在上述代码中,`document.selection.empty()`用于清除IE9以下版本的选区,而`window....

    页面选中文字分享到新浪微博

    我们可以获取选中的文本内容,以便后续处理。 2. **分享按钮**:在用户选中文本后,页面上应出现一个分享按钮或者浮动提示,提示用户可以分享所选内容。按钮的显示和隐藏可以通过CSS控制,并结合JavaScript事件监听...

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

    特别是在交互式应用中,我们经常需要获取或设置用户输入时的光标位置、选中文字的起始和终止位置,以及获取选中的文字内容。这些功能可以帮助我们实现更丰富的用户交互体验,比如自动补全、高亮显示等。以下是对这些...

    html5双击选中文字高亮显示.zip

    综上所述,实现"html5双击选中文字高亮显示"的功能涉及到了HTML5的基础,CSS的`::selection`伪元素,以及JavaScript(或jQuery)对双击事件的处理。通过这些技术的组合,我们可以创建出一个用户友好的、具有高亮功能...

Global site tag (gtag.js) - Google Analytics