利用JavaScript的复制

yuxue 发布于2019-08-22 18:13 / 3447人阅读

摘要：目前有两种方法实现移动端的复制，且目前这两种方法只在移动端试验过，端的支持情况还不是很清楚。

目前有两种方法实现移动端的复制，且目前这两种方法只在移动端试验过，PC端的支持情况还不是很清楚。

1. 使用clipboard插件

step1：引入插件

step2：编写HTML，点击button，一键粘贴

step3：编写JavaScript，实例化clipboard对象

var clipboard = new Clipboard(".copyBtn").on("success", function(e) {
      var e = e || window.event;
      console.log(e);
      // to do what you want    
  }).on("error", function(e) {});

另外，step3中复制成功之后，打印的e对象如下：

e = {
    action:"copy",
    clearSelection: function(){}, // 清除已选中区域，可直接调用这个方法
    text: "输入你想复制的内容", // 你要复制的内容
    trigger: button.copyBtn, // 当前触发事件的对象，可修改其属性
}

2. 使用select()和execCommand执行copy

HTML：

微信号 wechatno

javaScript

document.getElementById("copyWechat").select();
document.execCommand("copy", false, null);

此种方式的弊端：
（1）在Android端可支持，但是在iOS上，并没有复制到内容，至于为什么没有复制到内容，暂时还没找到原因；
（2）只能支持在input和textarea中复制，因为select()方法支持input和textarea，样式上调节起来较费劲，没有第一种方法好用。

私有云服务器托管 javascript复制大数据的利用复制的镜像黑客利用的linux

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95620.html

Javascript系列之浅复制与深复制

摘要：定义浅复制如果复制引用，复制后的引用都是指向同一个对象的实例，彼此之间的操作会互相影响。浅复制数组浅复制利用数组方法和返回新数组特性，进行复制。深复制对象深复制利用对象的和方法。定义浅复制如果复制引用，复制后的引用都是指向同一个对象的实例，彼此之间的操作会互相影响。深复制深复制不是简单的复制引用，而是在堆中重新分配内存，并且把源对象实例的所有属性都进行新建复制，以保证深复制的...

MonoLog 2019-08-21 17:17 评论0 收藏0
JavaScript基础心法——深浅拷贝

摘要：原文地址基础心法深浅拷贝欢迎。上面的代码是最简单的利用赋值操作符实现了一个浅拷贝，可以很清楚的看到，随着和改变，和也随着发生了变化。展开运算符结论实现的是对象第一层的深拷贝。原文地址：JavaScript基础心法——深浅拷贝欢迎star。如果有错误的地方欢迎指正。浅拷贝和深拷贝都是对于JS中的引用类型而言的，浅拷贝就只是复制对象的引用，如果拷贝后的对象发生变化，原对象也会发生...

keithxiaoy 2019-08-21 17:22 评论0 收藏0
关于JavaScript的浅拷贝和深拷贝

摘要：引用类型值引用类型值是保存在堆内存中的对象，变量保存的只是指向该内存的地址，在复制引用类型值的时候，其实只复制了指向该内存的地址。前言要理解 JavaScript中浅拷贝和深拷贝的区别，首先要明白JavaScript的数据类型。JavaScript有两种数据类型，基础数据类型和引用数据类型。js的基本类型：undefined，null，string，boolean，number,s...

shenhualong 2019-08-26 12:23 评论0 收藏0
JavaScript中的浅拷贝和深拷贝

摘要：在中可以通过添加一个参数来实现递归，调用就可以实现一个深拷贝。利用序列化实现一个深拷贝在JavaScript中，对于Object和Array这类引用类型值，当从一个变量向另一个变量复制引用类型值时，这个值的副本其实是一个指针，两个变量指向同一个堆对象，改变其中一个变量，另一个也会受到影响。这种拷贝分为两种情况：拷贝引用和拷贝实例，也就是我们说的浅拷贝和深拷贝浅拷贝（shallow...

ernest.wang 2019-08-21 11:34 评论0 收藏0