js 實(shí)現(xiàn)復(fù)制到粘貼板的功能代碼
更新時(shí)間:2010年05月13日 18:59:46 作者:
主要是用到了 window.clipboardData.setData("Text",copyText);
他主要有兩個(gè)參數(shù):第一個(gè)是設(shè)置要復(fù)制的是一段文本,第二個(gè)參數(shù)是要復(fù)制具體的內(nèi)容,這個(gè)內(nèi)容可以從文本框中或使用innerHTML獲取。
簡(jiǎn)單的實(shí)例代碼:
<script type="text/javascript">
function copyData() {
var copyText = document.getElementById("ctl00_cpRight_txtUrl").value;
window.clipboardData.setData("Text",copyText);
}
</script>
<asp:TextBox ID="txtUrl" runat="server" Height="30px" Width="349px"></asp:TextBox>
<input id="btnCopyUrl" type="button" value="復(fù)制URL到粘貼板" onclick="copyData()" />
注:ctl00_cpRight_txtUrl這個(gè)ID其實(shí)是txtUrl生成頁(yè)面后自動(dòng)生成的ID。
簡(jiǎn)單的實(shí)例代碼:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function copyData() {
var copyText = document.getElementById("ctl00_cpRight_txtUrl").value;
window.clipboardData.setData("Text",copyText);
}
</script>
<asp:TextBox ID="txtUrl" runat="server" Height="30px" Width="349px"></asp:TextBox>
<input id="btnCopyUrl" type="button" value="復(fù)制URL到粘貼板" onclick="copyData()" />
注:ctl00_cpRight_txtUrl這個(gè)ID其實(shí)是txtUrl生成頁(yè)面后自動(dòng)生成的ID。
您可能感興趣的文章:
- js復(fù)制文本到粘貼板(Clipboard.writeText())
- H5 js點(diǎn)擊按鈕復(fù)制文本到粘貼板
- 基于js實(shí)現(xiàn)復(fù)制內(nèi)容到操作系統(tǒng)粘貼板過(guò)程解析
- 20行JS代碼實(shí)現(xiàn)粘貼板復(fù)制功能
- JS復(fù)制對(duì)應(yīng)id的內(nèi)容到粘貼板(Ctrl+C效果)
- JavaScript實(shí)現(xiàn)復(fù)制內(nèi)容到粘貼板代碼
- js實(shí)現(xiàn)點(diǎn)擊圖片將圖片地址復(fù)制到粘貼板的方法
- JS復(fù)制特定內(nèi)容到粘貼板
- Web js實(shí)現(xiàn)復(fù)制文本到粘貼板
相關(guān)文章
JavaScript中的關(guān)聯(lián)數(shù)組問(wèn)題
這篇文章主要介紹了JavaScript中的關(guān)聯(lián)數(shù)組問(wèn)題的相關(guān)資料,需要的朋友可以參考下2015-03-03JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊(duì)列
在面向?qū)ο蟮某绦蛟O(shè)計(jì)里,一般都提供了實(shí)現(xiàn)隊(duì)列(queue)和堆棧(stack)的方法,而對(duì)于JS來(lái)說(shuō),我們可以實(shí)現(xiàn)數(shù)組的相關(guān)操作,來(lái)實(shí)現(xiàn)隊(duì)列和堆棧的功能,看下面的相關(guān)介紹.2016-01-01JavaScript函數(shù)節(jié)流和函數(shù)去抖知識(shí)點(diǎn)學(xué)習(xí)
這篇文章給大家分享了JavaScript函數(shù)節(jié)流和函數(shù)去抖的相關(guān)的知識(shí)點(diǎn)內(nèi)容,有需要的朋友們可以學(xué)習(xí)參考下。2018-07-07BOM中l(wèi)ocation對(duì)象的屬性和方法
這篇文章主要介紹了BOM中l(wèi)ocation對(duì)象的屬性和方法,作為前端基礎(chǔ)location對(duì)象的屬性方法還是要掌握的,需要的朋友可以參考下2023-04-04在Javascript中處理數(shù)組之toSource()方法的使用
這篇文章主要介紹了在Javascript中處理數(shù)組之toSource()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06深入理解JavaScript系列(39):設(shè)計(jì)模式之適配器模式詳解
這篇文章主要介紹了深入理解JavaScript系列(39):設(shè)計(jì)模式之適配器模式詳解,適配器模式(Adapter)是將一個(gè)類(對(duì)象)的接口(方法或?qū)傩裕┺D(zhuǎn)化成客戶希望的另外一個(gè)接口(方法或?qū)傩裕?需要的朋友可以參考下2015-03-03