利用JavaScript的復(fù)制

yuxue 發(fā)布于2019-08-22 18:13 / 3608人閱讀

摘要：目前有兩種方法實(shí)現(xiàn)移動(dòng)端的復(fù)制，且目前這兩種方法只在移動(dòng)端試驗(yàn)過，端的支持情況還不是很清楚。

目前有兩種方法實(shí)現(xiàn)移動(dòng)端的復(fù)制，且目前這兩種方法只在移動(dòng)端試驗(yàn)過，PC端的支持情況還不是很清楚。

1. 使用clipboard插件

step1：引入插件

step2：編寫HTML，點(diǎn)擊button，一鍵粘貼

step3：編寫JavaScript，實(shí)例化clipboard對(duì)象

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中復(fù)制成功之后，打印的e對(duì)象如下：

e = {
    action:"copy",
    clearSelection: function(){}, // 清除已選中區(qū)域，可直接調(diào)用這個(gè)方法
    text: "輸入你想復(fù)制的內(nèi)容", // 你要復(fù)制的內(nèi)容
    trigger: button.copyBtn, // 當(dāng)前觸發(fā)事件的對(duì)象，可修改其屬性
}

2. 使用select()和execCommand執(zhí)行copy

HTML：


    微信號(hào)
    wechatno

javaScript

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

此種方式的弊端：
（1）在Android端可支持，但是在iOS上，并沒有復(fù)制到內(nèi)容，至于為什么沒有復(fù)制到內(nèi)容，暫時(shí)還沒找到原因；
（2）只能支持在input和textarea中復(fù)制，因?yàn)閟elect()方法支持input和textarea，樣式上調(diào)節(jié)起來較費(fèi)勁，沒有第一種方法好用。

云服務(wù)器 GPU云服務(wù)器 javascript復(fù)制大數(shù)據(jù)的利用復(fù)制的鏡像黑客利用的linux

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/95620.html

相關(guān)文章

Javascript系列之淺復(fù)制與深復(fù)制

摘要：定義淺復(fù)制如果復(fù)制引用，復(fù)制后的引用都是指向同一個(gè)對(duì)象的實(shí)例，彼此之間的操作會(huì)互相影響。淺復(fù)制數(shù)組淺復(fù)制利用數(shù)組方法和返回新數(shù)組特性，進(jìn)行復(fù)制。深復(fù)制對(duì)象深復(fù)制利用對(duì)象的和方法。定義淺復(fù)制如果復(fù)制引用，復(fù)制后的引用都是指向同一個(gè)對(duì)象的實(shí)例，彼此之間的操作會(huì)互相影響。深復(fù)制深復(fù)制不是簡(jiǎn)單的復(fù)制引用，而是在堆中重新分配內(nèi)存，并且把源對(duì)象實(shí)例的所有屬性都進(jìn)行新建復(fù)制，以保證深復(fù)制的...

MonoLog 2019-08-21 17:17 評(píng)論0 收藏0
JavaScript基礎(chǔ)心法——深淺拷貝

摘要：原文地址基礎(chǔ)心法深淺拷貝歡迎。上面的代碼是最簡(jiǎn)單的利用賦值操作符實(shí)現(xiàn)了一個(gè)淺拷貝，可以很清楚的看到，隨著和改變，和也隨著發(fā)生了變化。展開運(yùn)算符結(jié)論實(shí)現(xiàn)的是對(duì)象第一層的深拷貝。原文地址：JavaScript基礎(chǔ)心法——深淺拷貝歡迎star。如果有錯(cuò)誤的地方歡迎指正。淺拷貝和深拷貝都是對(duì)于JS中的引用類型而言的，淺拷貝就只是復(fù)制對(duì)象的引用，如果拷貝后的對(duì)象發(fā)生變化，原對(duì)象也會(huì)發(fā)生...

keithxiaoy 2019-08-21 17:22 評(píng)論0 收藏0
關(guān)于JavaScript的淺拷貝和深拷貝

摘要：引用類型值引用類型值是保存在堆內(nèi)存中的對(duì)象，變量保存的只是指向該內(nèi)存的地址，在復(fù)制引用類型值的時(shí)候，其實(shí)只復(fù)制了指向該內(nèi)存的地址。前言要理解 JavaScript中淺拷貝和深拷貝的區(qū)別，首先要明白JavaScript的數(shù)據(jù)類型。JavaScript有兩種數(shù)據(jù)類型，基礎(chǔ)數(shù)據(jù)類型和引用數(shù)據(jù)類型。js的基本類型：undefined，null，string，boolean，number,s...

shenhualong 2019-08-26 12:23 評(píng)論0 收藏0
JavaScript中的淺拷貝和深拷貝

摘要：在中可以通過添加一個(gè)參數(shù)來實(shí)現(xiàn)遞歸，調(diào)用就可以實(shí)現(xiàn)一個(gè)深拷貝。利用序列化實(shí)現(xiàn)一個(gè)深拷貝在JavaScript中，對(duì)于Object和Array這類引用類型值，當(dāng)從一個(gè)變量向另一個(gè)變量復(fù)制引用類型值時(shí)，這個(gè)值的副本其實(shí)是一個(gè)指針，兩個(gè)變量指向同一個(gè)堆對(duì)象，改變其中一個(gè)變量，另一個(gè)也會(huì)受到影響。這種拷貝分為兩種情況：拷貝引用和拷貝實(shí)例，也就是我們說的淺拷貝和深拷貝淺拷貝（shallow...

ernest.wang 2019-08-21 11:34 評(píng)論0 收藏0