<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

.kcont {

    border: 1px solid #ccc;

    background-color: #D2E9FF;

    position:relative;

    height:300px;

    font-size:16px;

}

.area { width:99%; background:none; border:none; display:block; font-size:16px;}

</style>

</head>

<body>

<div class="kcont" id="cont">

<p>

复制我！！！！！！！！</p>

function trim(str){ <br />

str = str.replace(/^(\s|\u00A0)+/,''); <br />

for(var i=str.length-1; i&gt;=0; i--){ <br />

if(/\S/.test(str.charAt(i))){ <br />

str = str.substring(0, i+1); <br />

break; <br />

} <br />

} <br />

return str; <br />

}

</p>

<form id="form"><input type="submit" name="button" id="button" value="复制" /></form>

</div>

<script>

var but = document.getElementById("button");

but.addEventListener("click",copy);

Selection = function(input){

        this.isTA = (this.input = input).nodeName.toLowerCase() == "textarea";

};

with({o: Selection.prototype}){

        o.setCaret = function(start, end){

                var o = this.input;

                if(Selection.isStandard)

                        o.setSelectionRange(start, end);

                else if(Selection.isSupported){

                        var t = this.input.createTextRange();

                        end -= start + o.value.slice(start + 1, end).split("\n").length - 1;

                        start -= o.value.slice(0, start).split("\n").length - 1;

                        t.move("character", start), t.moveEnd("character", end), t.select();

                }

        };

        o.getCaret = function(){

                var o = this.input, d = document;

                if(Selection.isStandard)

                        return {start: o.selectionStart, end: o.selectionEnd};

                else if(Selection.isSupported){

                        var s = (this.input.focus(), d.selection.createRange()), r, start, end, value;

                        if(s.parentElement() != o)

                                return {start: 0, end: 0};

                        if(this.isTA ? (r = s.duplicate()).moveToElementText(o) : r = o.createTextRange(), !this.isTA)

                                return r.setEndPoint("EndToStart", s), {start: r.text.length, end: r.text.length + s.text.length};

                        for(var $ = "[###]"; (value = o.value).indexOf($) + 1; $ += $);

                        r.setEndPoint("StartToEnd", s), r.text = $ + r.text, end = o.value.indexOf($);

                        s.text = $, start = o.value.indexOf($);

                        if(d.execCommand && d.queryCommandSupported("Undo"))

                                for(r = 3; --r; d.execCommand("Undo"));

                        return o.value = value, this.setCaret(start, end), {start: start, end: end};

                }

                return {start: 0, end: 0};

        };

        o.getText = function(){

                var o = this.getCaret();

                return this.input.value.slice(o.start, o.end);

        };

        o.setText = function(text){

                var o = this.getCaret(), i = this.input, s = i.value;

                i.value = s.slice(0, o.start) + text + s.slice(o.end);

                this.setCaret(o.start += text.length, o.start);

        };

        new function(){

                var d = document, o = d.createElement("input"), s = Selection;

                s.isStandard = "selectionStart" in o;

                s.isSupported = s.isStandard || (o = d.selection) && !!o.createRange();

        };

}

function copy (){

    var cont = document.getElementById("cont");

    var ele = document.createElement("textarea");

    ele.style.height = cont.offsetHeight+"px"

    ele.className = "area"; ele.id = "area";

    ele.innerHTML = cont.innerText ;

    cont.innerHTML = "";

    cont.appendChild(ele);

    var le = document.getElementById("area");

    var selection = new Selection(le);

    selection.setCaret(0,le.value.length);

    le.focus();

}

</script>

</body>

</html>

js 之 复制一段代码的更多相关文章

  1. eclipse快捷键，移动和复制一段代码

    移动代码:alt+上或下箭头 复制加移动代码:ctrl + alt + 上或下箭头

  2. JS实现复制网页内容自动加入版权内容代码和原文链接

    JS实现复制网页内容自动加入版权内容代码和原文链接 实现代码:在body内放入如下代码即可: <script type="text/javascript"> var S ...

  3. 由一段代码谈前端js优化和编码规范(一) 分类： JavaScript 2015-03-21 12:43 668人阅读 评论(1) 收藏

    这段代码是撸主刚毕业那会写的,主要是实现一个左侧的导航条的折叠功能.当时实现的比较简陋,每次在导航条增加新的项目的时候,都要手动去修改js代码中写死的索引...确实是比较恼火的,后来就修改了一下,能够 ...

  4. jsp页面：js方法里嵌套java代码（是操作数据库的），如果这个js 方法没被调用，当jsp页面被解析的时候，不管这个js方法有没有被调用这段java代码都会被执行？

    jsp页面:js方法里嵌套java代码(是操作数据库的),如果这个js 方法没被调用,当jsp页面被解析的时候,不管这个js方法有没有被调用这段java代码都会被执行? 因为在解析时最新解析的就是JA ...

  5. 127个常用的JS代码片段，每段代码花30秒就能看懂（上）

    127个常用的JS代码片段,每段代码花30秒就能看懂(上) JavaScript 是目前最流行的编程语言之一,正如大多数人所说:“如果你想学一门编程语言,请学JavaScript.” FreeCode ...

  6. js中闭包来实现bind函数的一段代码的分析

    今天研究了一下bind函数,发现apply和call还可以有这样的妙用,顺便巩固复习了闭包. var first_object = { num: 42 }; var second_object = { ...

  7. JS流程控制语句 反反复复(while循环) 和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。

    反反复复(while循环) 和for循环有相同功能的还有while循环, while循环重复执行一段代码,直到某个条件不再满足. while语句结构: while(判断条件) { 循环语句 } 使用w ...

  8. JS 单击复制，复制后变为已复制

    这段代码是在新浪网站上找到的.先放出CSS代码: .focus a.arrow,.card_con4 li i,.cm1_menu_wrap a.cm1_menu_box,.cm1_img span, ...

  9. 禁止页面复制功能 js禁止复制 禁用页面右键菜单

    <body oncontextmenu="return false">禁用网页右键菜单,但是仍然可以使用快捷键复制. js代码禁用复制功能: <script  t ...

随机推荐

  1. php获取客户端ip get_client_ip()

    php获取客户端ip get_client_ip() function get_client_ip(){if (getenv("HTTP_CLIENT_IP") && ...

  2. HDU 1520 Anniversary party [树形DP]

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1520 题目大意:给出n个带权点,他们的关系可以构成一棵树,问从中选出若干个不相邻的点可能得到的最大值为 ...

  3. Validate XML using a XSD (XML Schema)

    Consider this XML file howto.xml : <?xml version="1.0" encoding="ISO-8859-1"? ...

  4. 【MySQL性能优化】改进MySQL Order By Rand()的低效率

    <a href="http://click.aliyun.com/m/9153/">点击查看原文</a> 正 文:   最近由于需要研究了一下MYSQL的随 ...

  5. .net 4中的pInvokeStackImbalance MDA默认是开启的

    今天把我之前发的一个小工具FreeEverything(基于everything的一个简易磁盘清理工具)升级到了.net framework 4.5,并且去掉了对mvvmlight的依赖.结果在测试运 ...

  6. java中的上转型对象

    1. 定义 如果B类是A类的子类或间接子类,当用B类创建对象b并将这个对象b的引用赋给A类对象a时,如: A a;a = new B();ORA a;B b = new B();a = b; 通俗的说 ...

  7. QStandardItemModel角色控制及QTreeView加入不同的右键菜单

    1.概述 QTreeView最长用的一个功能就是作为导航栏,像vs里的项目结构树,word的文档结构图,资源管理器的文档结构,等等都是利用树形结构组织的,在前面已经讲述了Qt中使用标准化项目模型QSt ...

  8. TCP洪水攻击（SYN Flood）的诊断和处理

    TCP洪水攻击(SYN Flood)的诊断和处理   SYN Flood介绍 前段时间网站被攻击多次,其中最猛烈的就是TCP洪水攻击,即SYN Flood. SYN Flood是当前最流行的DoS(拒 ...

  9. INERT DELEYED、INSERT IGNORE replace into和insert区别

        insert into表示插入数据,数据库会检查主键,如果出现重复会报错:replace into表示插入替换数据,需求表中有PrimaryKey,或者unique索引,如果数据库已经存在数据 ...

  10. qt 工具栏和菜单栏

    在前面的QMainWindow的基础之上,我们开始着手建造我们的应用程序.虽然现在已经有一个框架,但是,确切地说我们还一行代码没有写呢!下面的工作就不那么简单了!在这一节里面,我们要为我们的框架添加菜 ...