<!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. 如何将Java源代码文件的编码从GBK转为UTF-8？

    有时候看到有意思的demo,在头痛导入项目的编码和workspace的编码不一样的时候 我试着将 笔记本打开一个类一个类的复制, demo的类比较少的时候 可以忍受,demo的类多的时候 除了靠之外 ...

  2. 字符串（AC自动机）：COCI 2015 round 5 divljak

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAy0AAANaCAIAAAALVTQoAAAgAElEQVR4nOy9X2hbx773PXfrQgQjDq

  3. 宝洁HR

    宝洁HR系统的测试犯了很多错误 1 最基本也是最弱智的错误:测试根本不仔细,多轮测试后仍然会发现前几轮应该发现的bug. 纠结测试不仔细的原因 a 个人工作坏习惯  老是认为理所当然,对于一些内容,总 ...

  4. vijosP1471 教主的游乐场

    vijosP1471 教主的游乐场 链接:https://vijos.org/p/1471 [思路] 递推. 首先找到最左边的可以一步跳到后方的L, 那么L之后的点有两种情况:要么a足以跳到后方步数为 ...

  5. JavaScript高级程序设计9.pdf

    Number是数字值对应的引用类型 var numberObject=new Number(10); Number也重写了valueof().toLocaleString().和toString()方 ...

  6. KiCad中层定义

    5.2.1. Paired layers The Adhesives layers (Copper and Component):    These are used in the applicati ...

  7. 实现自己的脚本语言ngscript之四：代码生成

    最近的进度 ngscript测试代码 function c1(a, b, c, d) { this.a = 1; this.b = new array(); this.b[0] = 1; this.b ...

  8. hdu 4432 Sum of divisors(十进制转其他进制)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4432 代码: #include<cstdio> #include<cstring&g ...

  9. 长沙Uber优步司机奖励政策（1月18日~1月24日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  10. Boxes - SGU 126（找规律）

    题目大意:有两个箱子,一个箱子装了A个球,一个箱子装了B个球,可以从球多的那个箱子拿出来球少的箱子里面球的总数放在少的那个箱子里面,问能否把球全部放在一个箱子里面? 分析:很容易求出来最后放的拿一下一 ...