<!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. STM32F072B-DISCO 深入研究 中断系统

    STM32F072B-DISCO 是我认为性价比最高的一款CPU的demo系统,以前一直在用PIC的CPU但最近几年ST异军突起,几次课题查找芯片无一例外都是ST,像USB,CAN,ZIGBEE等,S ...

  2. 《A First Course in Probability》-chaper3-条件概率和独立性-P(·|F)是概率

    条件概率中的三个命题: 下面我们分条来解读一下这三个命题.

  3. nopcommerce中文网

    nopcommerce中文网 | nopcommerce是国外asp.net领域一个高质量的b2c开源项目,基于EntityFramework和MVC开发,交流QQ群:75272942 nopcomm ...

  4. windows系统下搭建linux

    1.先装虚拟机VMware Workstation(步骤参照度娘) 2.在虚拟机上装CentOS6.5Linux系统(步骤参照度娘)   3.安装SecureCRT终端仿真程序,用来登录Linux服务 ...

  5. MySQL基本配置

    >>添加环境变量 把MySQL Server的bin目录添加到系统path中. >>MySQL启动和停止命令 net start mysql56 net stop mysql5 ...

  6. Hibernate常用接口

    Hibernate的接口类型 在了解了Hibernate的基本配置,映射文件后,道路已经铺平了.我们继续往前走.接下来,我们应该做的是了解Hibernate常用的接口,对Hibernate的工作方式进 ...

  7. win10亮度不能调节的解决方法

    如果大家遇到Win10屏幕亮度调不了,该如何解决呢?以下是电脑百事网小编亲测比较有用的几种方法,希望能够帮助大家. 修改注册表解决Win10屏幕亮度无法调节 1.首先使用 Win+R 组合快捷键打开W ...

  8. [Javascript] Creating an Immutable Object Graph with Immutable.js Map()

    Learn how to create an Immutable.Map() through plain Javascript object construction and also via arr ...

  9. android 23 启动带2个Categories值的预定义acticity和桌面activity

    mainActivity.java package com.sxt.day04_07_twoaction; import android.os.Bundle; import android.app.A ...

  10. 如何判断JDK是32位还是64位

    第一种方法 在CMD窗口中使用java -version 命令进行查看 如果是64位的则会显示 Java HotSpot<TM>64-Bit 字样,32位的则没有类似信息. 注:这是Sun ...