js 實現(xiàn)復(fù)制到粘貼板的功能代碼
更新時間:2010年05月13日 18:59:46 作者:
主要是用到了 window.clipboardData.setData("Text",copyText);
他主要有兩個參數(shù):第一個是設(shè)置要復(fù)制的是一段文本,第二個參數(shù)是要復(fù)制具體的內(nèi)容,這個內(nèi)容可以從文本框中或使用innerHTML獲取。
簡單的實例代碼:
<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這個ID其實是txtUrl生成頁面后自動生成的ID。
簡單的實例代碼:
復(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這個ID其實是txtUrl生成頁面后自動生成的ID。
相關(guān)文章
JavaScript中的關(guān)聯(lián)數(shù)組問題
這篇文章主要介紹了JavaScript中的關(guān)聯(lián)數(shù)組問題的相關(guān)資料,需要的朋友可以參考下2015-03-03JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊列
在面向?qū)ο蟮某绦蛟O(shè)計里,一般都提供了實現(xiàn)隊列(queue)和堆棧(stack)的方法,而對于JS來說,我們可以實現(xiàn)數(shù)組的相關(guān)操作,來實現(xiàn)隊列和堆棧的功能,看下面的相關(guān)介紹.2016-01-01JavaScript函數(shù)節(jié)流和函數(shù)去抖知識點學(xué)習(xí)
這篇文章給大家分享了JavaScript函數(shù)節(jié)流和函數(shù)去抖的相關(guān)的知識點內(nèi)容,有需要的朋友們可以學(xué)習(xí)參考下。2018-07-07在Javascript中處理數(shù)組之toSource()方法的使用
這篇文章主要介紹了在Javascript中處理數(shù)組之toSource()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06深入理解JavaScript系列(39):設(shè)計模式之適配器模式詳解
這篇文章主要介紹了深入理解JavaScript系列(39):設(shè)計模式之適配器模式詳解,適配器模式(Adapter)是將一個類(對象)的接口(方法或?qū)傩裕┺D(zhuǎn)化成客戶希望的另外一個接口(方法或?qū)傩裕?需要的朋友可以參考下2015-03-03