Javascript 获取页面上选中的文字实现代码

 代码如下 复制代码

<script type="text/javascript">
 
// 说明:获取页面上选中的文字

 

 
function getSelectedText() {
    if (window.getSelection) {
        // This technique is the most likely to be standardized.
        // getSelection() returns a Selection object, which we do not document.
        return window.getSelection().toString();
    }
    else if (document.getSelection) {
        // This is an older, simpler technique that returns a string
        return document.getSelection();
    }
    else if (document.selection) {
        // This is the IE-specific technique.
        // We do not document the IE selection property or TextRange objects.
        return document.selection.createRange().text;
    }
}
 
</script>

 

在 FireFox 下获取 input 或者 textarea 中选中的文字,可以用下面的方法:

 代码如下 复制代码

<script type="text/javascript">
 
// 说明:FireFox 下获取 input 或者 textarea 中选中的文字

 
function getTextFieldSelection(e) {
    if (e.selectionStart != undefined && e.selectionEnd != undefined) {
        var start = e.selectionStart;
        var end = e.selectionEnd;
        return e.value.substring(start, end);
    }
    else return "";  // Not supported on this browser
}
 
</script>

时间: 2024-09-20 06:44:24

Javascript 获取页面上选中的文字实现代码的相关文章

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

 这篇文章主要介绍了JavaScript获取页面上被选中文字的方法技巧,本文直接给出实现代码和运行效果,需要的朋友可以参考下     这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: 代码如下: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字. 代码如下: $(docume

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

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: 复制代码 代码如下: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字. 复制代码 代码如下: $(document).ready(function () {    $(".contenttext").mouseup

用JavaScript获取页面文档内容的实现代码_javascript技巧

JavaScript的document对象包含了页面的实际内容,所以利用document对象可以获取页面内容,例如页面标题.各个表单值. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js基础</title> </head> <body> <p>一. 用Documen

ix able-FixTable 固定表头之后,如果通过JS获取页面上控件的值??

问题描述 FixTable 固定表头之后,如果通过JS获取页面上控件的值?? $(function() { FixTable("MyTable",2, $(document.body).width()+10, $(document.body).height() - 50); }); 解决方案 不用jquery选中你的对象就行了,如果FixTable更改过DOM对象结构,需要用开发工具看下修改后的结构,调整你的选择器

在jsp页面上使用java小脚本,如何获取页面上文本框的输入值?

问题描述 在jsp页面上使用java小脚本,如何获取页面上文本框的输入值? 在jsp页面上使用需要用到java小脚本,调用类做数据处理,但该怎么获取页面上文本框的输入值传入到java小脚本中呢? 解决方案 能嵌入到jsp里面它在这种场合就是脚本 但是执行的解释工作仍然是jvm 写在jsp里的java代码和写在Servlet没啥区别. 你在Servlet里如何取值就在这里如何去取. 对于你说的数据加密那些处理...的目的把加密处理的java写在jsp上,其实这个与你写在Servlet没有啥区别的.

JavaScript获取页面中第一个锚定文本的方法_javascript技巧

本文实例讲述了JavaScript获取页面中第一个锚定文本的方法.分享给大家供大家参考.具体如下: 下面的JS代码通过document.archors数组获取第一个archor的innerHTML <!DOCTYPE html> <html> <body> <a name="html">jb51.net</a><br> <a name="css">CSS Tutorial</a

ext net-Ext.net如何获取页面上的控件和数据值(ps:html.X()这种直接在页面写的),求全面讲解?

问题描述 Ext.net如何获取页面上的控件和数据值(ps:html.X()这种直接在页面写的),求全面讲解? 用html.X()直接在页面定义控件时,想获取控件的值怎么获取,例如Grid的选中行的ID值,又例如Dataview的选中项的URL值(属性),如何传到后台,应该用什么办法传,如两个MultiSelect点第一个中的Item第二个从后台读数据动态加载(像文件夹获取子文件),这个时候如何传递Item中的值到后台并且让第二个MultiSelect数据动态刷新?

JavaScript获取页面中超链接数量的方法_javascript技巧

本文实例讲述了JavaScript获取页面中超链接数量的方法.分享给大家供大家参考,具体如下: 这里演示JavaScript取得页面的超链接数,感兴趣的朋友可以学习借鉴一下. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-total-link-num-codes/ 具体代码如下: <html> <head> <title>JavaScript取得页面的超链接数</title> <script l

JavaScript获取页面中表单(form)数量的方法_javascript技巧

本文实例讲述了JavaScript获取页面中表单(form)数量的方法.分享给大家供大家参考.具体如下: 下面的JS代码通过document.forms数组获得网页中表单(form)的数量 <!DOCTYPE html> <html> <body> <h1>sharejs.com</h1> <form name="Form1"></form> <form name="Form2"