js復(fù)制內(nèi)容到剪貼板代碼,js復(fù)制代碼的簡(jiǎn)單實(shí)例
如下所示:
<script type="text/JavaScript"> function jsCopy(){ var e=document.getElementById("contents");//對(duì)象是contents e.select(); //選擇對(duì)象 document.execCommand("Copy"); //執(zhí)行瀏覽器復(fù)制命令 } </script> <textarea id="contents" cols="40" rows="5"></textarea> <br /> <input type="button" onClick="jsCopy();" value="復(fù)制" />
js復(fù)制無非是以下三步:
1、獲取復(fù)制的對(duì)象:document.getElementById("contents")這句話就是獲取ID=“contents”的textarea。
2、全選對(duì)象的內(nèi)容:e.select()
3、用execCommand("")函數(shù)將內(nèi)容復(fù)制。
下面來詳細(xì)介紹execCommand("")函數(shù)的參數(shù):
1、格式:document.execCommand(sCommand[,交互方式, 動(dòng)態(tài)參數(shù)])
2、參數(shù)詳解:
1、〖全選〗命令的實(shí)現(xiàn)
[格式]:document.execCommand(”selectAll”)
[說明]將選種網(wǎng)頁(yè)中的全部?jī)?nèi)容!
2、〖打開〗命令的實(shí)現(xiàn)
[格式]:document.execCommand(”open”)
[說明]這跟VB等編程設(shè)計(jì)中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。
3、〖另存為〗命令的實(shí)現(xiàn)
[格式]:document.execCommand(”saveAs”)
[說明]將該網(wǎng)頁(yè)保存到本地盤的其它目錄!
4、〖打印〗命令的實(shí)現(xiàn)
[格式]:document.execCommand(”print”)
[說明]當(dāng)然,你必須裝了打印機(jī)!
Js代碼下面列出的是指令參數(shù)及意義
//相當(dāng)于單擊文件中的打開按鈕 document.execCommand(”O(jiān)pen”); //將當(dāng)前頁(yè)面另存為 document.execCommand(”SaveAs”); //剪貼選中的文字到剪貼板; document.execCommand(”Cut”,”false”,null); //刪除選中的文字; document.execCommand(”Delete”,”false”,null); //改變選中區(qū)域的字體; document.execCommand(”FontName”,”false”,sFontName); //改變選中區(qū)域的字體大小; document.execCommand(”FontSize”,”false”,sSize|iSize); //設(shè)置前景顏色; document.execCommand(”ForeColor”,”false”,sColor); //使絕對(duì)定位的對(duì)象可直接拖動(dòng); document.execCommand(”2D-Position”,”false”,”true”); //使對(duì)象定位變成絕對(duì)定位; document.execCommand(”AbsolutePosition”,”false”,”true”); //設(shè)置背景顏色; document.execCommand(”BackColor”,”false”,sColor); //使選中區(qū)域的文字加粗; document.execCommand(”Bold”,”false”,null); //復(fù)制選中的文字到剪貼板; document.execCommand(”Copy”,”false”,null); //設(shè)置指定錨點(diǎn)為書簽; document.execCommand(”CreateBookmark”,”false”,sAnchorName); //將選中文本變成超連接,若第二個(gè)參數(shù)為true,會(huì)出現(xiàn)參數(shù)設(shè)置對(duì)話框; document.execCommand(”CreateLink”,”false”,sLinkURL); //設(shè)置當(dāng)前塊的標(biāo)簽名; document.execCommand(”FormatBlock”,”false”,sTagName); //相當(dāng)于單擊文件中的打開按鈕 document.execCommand(”O(jiān)pen”); //將當(dāng)前頁(yè)面另存為 document.execCommand(”SaveAs”); //剪貼選中的文字到剪貼板; document.execCommand(”Cut”,”false”,null); //刪除選中的文字; document.execCommand(”Delete”,”false”,null); //改變選中區(qū)域的字體; document.execCommand(”FontName”,”false”,sFontName); //改變選中區(qū)域的字體大小; document.execCommand(”FontSize”,”false”,sSize|iSize); //設(shè)置前景顏色; document.execCommand(”ForeColor”,”false”,sColor); //使絕對(duì)定位的對(duì)象可直接拖動(dòng); document.execCommand(”2D-Position”,”false”,”true”); //使對(duì)象定位變成絕對(duì)定位; document.execCommand(”AbsolutePosition”,”false”,”true”); //設(shè)置背景顏色; document.execCommand(”BackColor”,”false”,sColor); //使選中區(qū)域的文字加粗; document.execCommand(”Bold”,”false”,null); //復(fù)制選中的文字到剪貼板; document.execCommand(”Copy”,”false”,null); //設(shè)置指定錨點(diǎn)為書簽; document.execCommand(”CreateBookmark”,”false”,sAnchorName); //將選中文本變成超連接,若第二個(gè)參數(shù)為true,會(huì)出現(xiàn)參數(shù)設(shè)置對(duì)話框; document.execCommand(”CreateLink”,”false”,sLinkURL); //設(shè)置當(dāng)前塊的標(biāo)簽名; document.execCommand(”FormatBlock”,”false”,sTagName);
注:火狐不支持此方法!
以上就是小編為大家?guī)淼膉s復(fù)制內(nèi)容到剪貼板代碼,js復(fù)制代碼的簡(jiǎn)單實(shí)例全部?jī)?nèi)容了,希望大家多多支持腳本之家~
- js實(shí)現(xiàn)各種復(fù)制到剪貼板的方法(分享)
- JavaScript復(fù)制內(nèi)容到剪貼板的兩種常用方法
- vue中js實(shí)現(xiàn)點(diǎn)擊復(fù)制文本到剪貼板的3種方案
- JS實(shí)現(xiàn)復(fù)制內(nèi)容到剪貼板功能兼容所有瀏覽器(推薦)
- 一段多瀏覽器的"復(fù)制到剪貼板"javascript代碼
- JavaScript實(shí)現(xiàn)復(fù)制或剪切內(nèi)容到剪貼板功能的方法
- JS復(fù)制到剪貼板示例代碼
- JS實(shí)現(xiàn)復(fù)制內(nèi)容到剪貼板功能
- JavaScript實(shí)現(xiàn)頁(yè)面點(diǎn)擊復(fù)制到剪粘版并解決報(bào)錯(cuò)問題
相關(guān)文章
javascript實(shí)現(xiàn)json頁(yè)面分頁(yè)實(shí)例代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)json頁(yè)面分頁(yè)實(shí)例代碼,需要的朋友可以參考下2014-02-02JavaScript ECMA-262-3 深入解析(二):變量對(duì)象實(shí)例詳解
這篇文章主要介紹了JavaScript ECMA-262-3變量對(duì)象,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript ECMA變量對(duì)象相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04按鍵測(cè)試,支持像 Ctrl+Alt+Shift+T 的組合鍵
按鍵測(cè)試,支持像 Ctrl+Alt+Shift+T 的組合鍵...2006-10-10HTML+CSS+JavaScript實(shí)現(xiàn)簡(jiǎn)單日歷效果
這篇文章主要為大家詳細(xì)介紹了HTML+CSS+JavaScript實(shí)現(xiàn)簡(jiǎn)單日歷效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07javascript計(jì)算對(duì)象長(zhǎng)度的方法
這篇文章主要為大家詳細(xì)介紹了javascript計(jì)算對(duì)象長(zhǎng)度的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10詳解js的事件處理函數(shù)和動(dòng)態(tài)創(chuàng)建html標(biāo)記方法
本文主要對(duì)javascript的事件處理函數(shù),動(dòng)態(tài)創(chuàng)建html標(biāo)記的兩種方法進(jìn)行詳細(xì)介紹,具有很好的參考價(jià)值,需要的朋友一起來看下吧2016-12-12淺談layer的iframe彈窗給里面的標(biāo)簽賦值的問題
下面小編就為大家?guī)硪黄獪\談layer的iframe彈窗給里面的標(biāo)簽賦值的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11