ASP.NET jQuery 實(shí)例4(復(fù)制TextBox的文本到本地剪貼板上)
更新時(shí)間：2012年01月13日 22:29:06 作者：
在這節(jié)，我們將看到如何把多行文本框的內(nèi)容復(fù)制到剪貼板上。注意：jQuery clipboard plugin 只支持IE
在這節(jié)，我們將看到如何把多行文本框的內(nèi)容復(fù)制到剪貼板上。
注意：jQuery clipboard plugin 只支持IE
界面代碼：
<form id="form1" runat="server">
<div align="center">
<fieldset style="width: 400px; height: 300px;">
<p>請(qǐng)輸入你的評(píng)論：</p>
<asp:TextBox ID="txtComment" TextMode="MultiLine" Rows="5" Width="300px" Height="200px"
runat="server"></asp:TextBox>
<br />
<asp:HyperLink ID="lnkHighlight" Text="點(diǎn)擊復(fù)制評(píng)論" runat="server"></asp:HyperLink>
</fieldset>
</div>
</form>
顯示界面：
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery.clipboard.js" type="text/javascript"></script>
<style type="text/css">
a
{
color: #0000FF;
cursor: pointer;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$.clipboardReady(function () {
$("a").click(function () {
$("#<%=txtComment.ClientID %>").select();
$.clipboard($("#<%=txtComment.ClientID %>").val());
});
});
});
</script>
加入腳本后點(diǎn)擊復(fù)制按鈕顯示效果如下：
插件下載地址：http://plugins.jquery.com/project/clipboard
另外有一個(gè)Zero clipboard 插件支持跨瀏覽器，它是通過(guò)一個(gè)flash文件和JavaScirpt接口實(shí)現(xiàn)的，想了解更多信息，請(qǐng)?jiān)L問(wèn)http://code.google.com/p/zeroclipboard/
注意：jQuery clipboard plugin 只支持IE
界面代碼：
復(fù)制代碼 代碼如下:
<form id="form1" runat="server">
<div align="center">
<fieldset style="width: 400px; height: 300px;">
<p>請(qǐng)輸入你的評(píng)論：</p>
<asp:TextBox ID="txtComment" TextMode="MultiLine" Rows="5" Width="300px" Height="200px"
runat="server"></asp:TextBox>
<br />
<asp:HyperLink ID="lnkHighlight" Text="點(diǎn)擊復(fù)制評(píng)論" runat="server"></asp:HyperLink>
</fieldset>
</div>
</form>
顯示界面：
復(fù)制代碼 代碼如下:
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery.clipboard.js" type="text/javascript"></script>
<style type="text/css">
a
{
color: #0000FF;
cursor: pointer;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$.clipboardReady(function () {
$("a").click(function () {
$("#<%=txtComment.ClientID %>").select();
$.clipboard($("#<%=txtComment.ClientID %>").val());
});
});
});
</script>
加入腳本后點(diǎn)擊復(fù)制按鈕顯示效果如下：
打開(kāi)記事本按Ctrl+V:
插件下載地址：http://plugins.jquery.com/project/clipboard
另外有一個(gè)Zero clipboard 插件支持跨瀏覽器，它是通過(guò)一個(gè)flash文件和JavaScirpt接口實(shí)現(xiàn)的，想了解更多信息，請(qǐng)?jiān)L問(wèn)http://code.google.com/p/zeroclipboard/
相關(guān)文章
jQuery1.6.1 發(fā)布有一段時(shí)間了，發(fā)現(xiàn)一些冗余代碼，列出如下2011-06-06
jqPaginator結(jié)合express實(shí)現(xiàn)分頁(yè)展示內(nèi)容效果
這篇文章主要為大家詳細(xì)介紹了jqPaginator結(jié)合express實(shí)現(xiàn)分頁(yè)展示內(nèi)容效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
jQuery UI-Draggable常用參數(shù)集合。2010-01-01
jQuery Easyui DataGrid點(diǎn)擊某個(gè)單元格即進(jìn)入編輯狀態(tài)焦點(diǎn)移開(kāi)后保存數(shù)據(jù)
這篇文章主要介紹了jQuery Easyui DataGrid點(diǎn)擊某個(gè)單元格即進(jìn)入編輯狀態(tài)焦點(diǎn)移開(kāi)后保存數(shù)據(jù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jQuery實(shí)現(xiàn)的分頁(yè)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的分頁(yè)功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)分頁(yè)功能的具體步驟及相關(guān)操作技巧,包括前臺(tái)樣式、布局及jQuery分頁(yè)插件的調(diào)用方法,需要的朋友可以參考下2017-01-01
jQuery ajax提交Form表單實(shí)例(附demo源碼)
這篇文章主要介紹了jQuery ajax提交Form表單的方法,結(jié)合實(shí)例分析了jQuery ajax操作實(shí)現(xiàn)表單提交的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
jquery ajax 登錄驗(yàn)證實(shí)現(xiàn)代碼
ajax 登錄驗(yàn)證實(shí)現(xiàn)代碼，這里用到了jquery，當(dāng)然如果不想用，可以參考腳本之前發(fā)布的文章。2009-09-09
jquery實(shí)現(xiàn)類(lèi)似淘寶星星評(píng)分功能實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)類(lèi)似淘寶星星評(píng)分功能,詳細(xì)介紹了相應(yīng)jQuery事件的用法實(shí)例,需要的朋友可以參考下2014-09-09
EasyUI的treegrid組件動(dòng)態(tài)加載數(shù)據(jù)問(wèn)題的解決辦法
最近涉及到treegrid組件的查詢(xún)，需要根據(jù)查詢(xún)條件動(dòng)態(tài)更新EasyUI的treegrid組件的動(dòng)態(tài)加載查詢(xún)結(jié)果2011-12-12
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片局部放大鏡效果的相關(guān)資料,需要的朋友可以參考下2016-03-03