js模擬復制

Ⅰ js代碼中div的復制怎麼實現

用來cloneNode

定義和用法
cloneNode() 方法可創建指定的源節點的精確拷貝。

此方法可返回所復制的節點。

語法：
nodeObject.cloneNode(include_all)參數 描述
include_all 必需。假如邏輯參數被設置為真，那麼被克隆的節點會克隆原節點的所有子節點。

返回值
當前節點的副本。

說明
該方法將復制並返回調用它的節點的副本。如果傳遞給它的參數是 true，它還將遞歸復制當前節點的所有子孫節點。否則，它只復制當前節點。

返回的節點不屬於文檔樹，它的 parentNode 屬性為 null。

當復制的是 Element 節點時，它的所有屬性都將被復制。但要注意，當前節點上注冊的事件監聽器函數不會被復制。

Ⅱ javascript如何實現復制並將復制內容保存至內存

//復制本頁地址給好?
function ToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="\n";
clipBoardContent+=this.location.href; //獲取地址
if(window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", clipBoardContent); //IE瀏覽?
} else if(navigator.userAgent.indexOf("Opera") != -1) {
} else if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("你使用的火狐瀏覽器無法自動復制！\n請手動復制以下鏈接：\n"+this.location.href);
}
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip)
return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans)
return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var text = clipBoardContent;
str.data = text;
trans.setTransferData("text/unicode",str,text.length*2); //火狐或其他瀏覽器
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return false;
clip.setData(trans,null,clipid.kGlobalClipboard);
}
alert("您已成功復制了本頁的地址至剪貼板!\n"+document.title+"\n"+this.location.href);
ifram.focus();
}

Ⅲ JS中實現深度拷貝，復制一個對象

在JS中拷貝、復制一個對象的方式有多種，我常用的一般是 Object.assign({},sourceObj)。
Object.assign()因為 Object.assign()拷貝的是屬性值。假如源對象的屬性值是一個對象的引用，那麼它也只指向那個引用。如果合並的對象是多層嵌套對象那就屬於淺拷貝了，修改內層對象的值還是會影響原對象。
要想實現深度復制可以使用JSON方式。
寫法如巧運升下：

它的原理是把JS對象轉換為JSON字元串，再由JSON字元串轉換為JS對象，這樣新對象的指針就不會指向原對象的指針了。但這種也有副作用的，有一下幾點副孝老作用：
1、有屬性包含時間對象，拷貝後就是字元串的形式。
2、有函數或undefined，拷貝後會丟失。
3、有RegExp和Error對象，拷貝後變為空對象。
4、存在循環引用的情況，沒法正確拷貝。
5、內層對象是構造函數生成的，會丟失constructor。
6、屬性值為NaN、Infinity，拷貝後變為null。

雖悄裂然有些副作用，但大多情況還是符合要求可以使用。

Ⅳ 如何利用JS實現復制/粘貼功能

1、最基本的復制
代碼
<script language="JavaScript">
function readTxt()
{
alert(window.clipboardData.getData("text"));
}
function setTxt()
{
var t=document.getElementById("txt");
t.select();
window.clipboardData.setData('text',t.createTextRange().text);
}
</script>
<input name="txt" value="測試">
<input type="button" value="復制" onclick="setTxt()">
<input type="button" value="讀取" onclick="readTxt()">
2、擴展復制：復製表格
Java代碼
<INPUT TYPE="button" value="選中測試表格" onclick="CopyTable()">
測試
<TABLE border="1" id="oTable">
<TR>
<TD>測試表格</TD>
<TD>測試表格</TD>
</TR>
<TR>
<TD>測試表格</TD>
<TD>測試表格</TD>
</TR>
</TABLE>文字
<SCRIPT LANGUAGE="JavaScript">
<!--
function CopyTable()
{
var txt = document.body.createTextRange();
txt.moveToElementText(document.getElementById('oTable'));
txt.select();
}
//-->
</SCRIPT>
、兼容IE，firefox等瀏覽器的復制
Java代碼
<script>
function ToClipboard(txt) {
if(window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", txt);
} else if(navigator.userAgent.indexOf("Opera") != -1) {
window.location = txt;
} else if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("被瀏覽器拒絕！\n請在瀏覽器地址欄輸入'about:config'並回車\n然後將'signed.applets.codebase_principal_support'設置為'true'");
}
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip)
return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans)
return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var text = txt;
str.data = text;
trans.setTransferData("text/unicode",str,text.length*2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return false;
clip.setData(trans,null,clipid.kGlobalClipboard);
}
}
</script>
<button onclick="ToClipboard('你好！');">復制文本「你好！」</button>
<textarea id="test"></textarea>

Ⅳ JS實現內容復制功能

復制是一個使用頻率特別高的操作，在網頁中，一般可以選中要復制的內容，使用快捷鍵 ctrl+c 將內容復制到剪貼板。除了使用系統提供的快捷方式復制網頁內容，我們還可以用JS實現復制，這得益於document的 execCommand('') 命令。

實現整個復制功能，需要以下三個步驟：

大部分HTML元素都有innerText和innerHTML兩個屬性，innerText屬性返迴文本內容，innerHTML屬性返回標簽元素。我們可以創建一個函數，用於獲取需要返回的內容：

上面的selectText函數接收一個DOM元素，返回DOM元素的innerText屬性值。

我們可以通過表單元素的select()方法選中內容，表單元素因為textarea限制少於input，所以推薦使用textarea。我們可以動態創建一個textarea元素，將textarea的value屬性值設置為上面的innerText屬性值，再執行textarea的select方法選中。

上面實現了選中，下面就可以實現復制功能了。

最後一步就可以用execCommand('')實現復制了，它可以復制瀏覽器中選中的文本，比如說上面被textarea選中的文本，復制之後記得移除textarea。

第二步和第三步可以優化一下，創建一個函數，函數參數設置為第一步需要復制的文本，返回值為復制的結果。

完整JS示例如下：

可以將上面的完整JS示例寫入一個JS文件，將JS文件引入HTML中，通過JS點擊事件來執行復制函數。

效果圖：

Ⅵ 用JS可以實現粘貼文本

<html>
<head>
<meta http-equiv=content-type content="text/html;charset=GBK">
<script type="text/javascript">
function CopyToClipboard()
{
CopiedTxt = document.selection.createRange();
CopiedTxt.execCommand("Copy");
}
</script>
</head>
<body>
<form name="Form1">
這里是你可以選擇的， 請用滑鼠選中，然後點擊「復制到剪貼板」
<br/>
<input type="button" onClick="CopyToClipboard()" value="復制到剪貼板" />
</form>
</body>
</html>
這個只能在IE中使用，其他瀏覽器不支持，這種寫法。 還有不知道你要做什麼，但是勸你還是少用js執行本地操作微妙，因為這是非常不安全的。

Ⅶ Js 實現點擊復製表單內容 ， 表單內容的復制。

1、用jquery中$("form").serialize()就可以獲取到序列化後的表單數據。
2、原生態的話，就獲取表單中的所有input、select、textarea等，然後for循環就可以了。