<!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. robotium源码方法备注---clicker.java

    1.clickOnScreen(float x,float y) 在屏幕上点击一个指定的区域(x,y)横纵坐标 2.clickLongOnScreen(float x,float y, int tim ...

  2. TSSAO Temporal Screen-Space Ambient Occlusion (Unity3d 5 示例实现)

    前提 环境光(ambient occlusion)是一种GI,其简化形式SSAO可以用“微量高效”来形容,消耗得很少,得到的效果很好.环 境光遮蔽(ambient occlusion)的本质是计算在一 ...

  3. Java基础（三）

    这里有我之前上课总结的一些知识点以及代码大部分是老师讲的笔记 个人认为是非常好的,,也是比较经典的内容,真诚的希望这些对于那些想学习的人有所帮助! 由于代码是分模块的上传非常的不便.也比较多,讲的也是 ...

  4. Install Asterisk 11 on Ubuntu 12.04 LTS

    http://blogs.digium.com/2012/11/14/how-to-install-asterisk-11-on-ubuntu-12-4-lts/ Last week I put up ...

  5. UVaLive2572 poj1418 UVa1308 Viva Confetti

    一次放下n个圆 问最终可见的圆的数量 应该是比较经典的问题吧 考虑一个圆与其他每个圆的交点O(n)个 将其割成了O(n)条弧 那么看每条弧的中点 分别向内向外调动eps这个点 则最上面的覆盖这个点的圆 ...

  6. servlet清晰理解

    servlet介绍 Servlet看起来像是通常的Java程序.它是JSP的前身,在MVC架构中担任Controller的角色,即控制层.主要进行数据的处理操作和流程的控制,并将有关结果存储到Java ...

  7. 来看看Github上流行的编码规范

      Popular Coding Convention on Github是一个有趣的网站,它根据Github的代码提交情况分析了几种语言流行的代码规范,目前支持对JavaScript,Java,Py ...

  8. (使用步骤)ThinkPHP3.1.2中如何配置Ckeditor_4.1.1和Ckfindtor（转）

    ThinkPHP3.1.2中如何配置Ckeditor_4.1.1和Ckfindtor  一.下载Ckeditor和Ckfinder Ckeditor官网 http://ckeditor.com/dow ...

  9. ReentrantLock与synchronized的差别

    总的来说,lock更加灵活. 主要同样点:Lock能完毕synchronized所实现的全部功能 不同: 1.ReentrantLock功能性方面更全面,比方时间锁等候,可中断锁等候,锁投票等,因此更 ...

  10. 深入掌握JMS--转

    深入掌握JMS(一):JSM基础 1. JMS基本概念     JMS(Java Message Service) 即Java消息服务.它提供标准的产生.发送.接收消息的接口简化企业应用的开发.它支持 ...