<!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实现翻页

    (转载)http://blog.csdn.net/emili/article/details/5221744 原文参考http://www.cnblogs.com/xxcainiao/archive/ ...

  2. jQuery.extend方法和开发中变量的复用

    最近在用commonJS规范进行客户端开发,遇到如下问题: 一般一个模块内部可能会定义一系列变量或一系列相关变量,比如写了一个颜色选择弹框模块大概会有如下变量定义 var settings = { / ...

  3. Android protectionLevel

    Android protectionLevel分4个级别: "normal" "dangerous" "signature" "s ...

  4. MVC项目初次发布到IIS可能会遇到的问题

    MVC4 + .NET Framework 4.5 +Windows Server 2008+ IIS7.5 + 4.0集成模式池 ,初次发布后可能会遇到404.0 或者403.14错误,加入以下代码 ...

  5. ACM1228_STL的应用

    #include<iostream> #include<string> #include<map> using namespace std; map<stri ...

  6. arm 及ndk编译

        首页  »   Android android的armeabi跟armeabi-v7a 网友分享于:2014-03-16  浏览:867次 android的armeabi和armeabi-v7 ...

  7. ArrStack——数组栈（procedure）

    //数组栈,对于无法预料栈的长度情况下,可能会因为原分配数组不够长而导致数据溢出,或因为数组太长而浪费空间.但是操作快,不需要额外的操作.而链表与此想法,可以动态分配内存,但是要增加额外的操作. #i ...

  8. win8.1 无法安装 net framework3.5的解决办法

    近期给重装系统时,发现Windows8.1无法安装.net framework 3.5,即使我离线下载了安装文件,还要求安装2.0和3.0....而且无法从Windows更新中获取,因此百度到以下方案 ...

  9. JDK JRE JVM

    使用java很久,但是一直不清楚JDK,JRE,JVM直接的关系,今天特地梳理一下. JDK:Java Development ToolKit(Java开发工具包),JDK是整个JAVA的核心,包括J ...

  10. java第四周学习

    这一周学习的还是面向对象的方法和应用 Java中方法的使用和注意事项 如果没有返回值,就不允许通过return关键字返回结果 方法中不允许嵌套使用 Return返回值只允许返回一个值,不允许返回多个 ...