在這節(jié)，我們將看到如何把多行文本框的內(nèi)容復(fù)制到剪貼板上。
注意：jQuery clipboard plugin 只支持IE
界面代碼：
View Code
1
<
form
id
="form1"
runat
="server"
>
2
<
div
align
="center"
>
3
<
fieldset
style
="width: 400px; height: 300px;"
>
4
<
p
>
請(qǐng)輸入你的評(píng)論：
</
p
>
5
<
asp:TextBox
ID
="txtComment"
TextMode
="MultiLine"
Rows
="5"
Width
="300px"
Height
="200px"
6
runat
="server"
></
asp:TextBox
>
7
<
br
/>
8
<
asp:HyperLink
ID
="lnkHighlight"
Text
="點(diǎn)擊復(fù)制評(píng)論"
runat
="server"
></
asp:HyperLink
>
9
</
fieldset
>
10
</
div
>
11
</
form
>
顯示界面：
腳本部分：
1
<
script
src
="Scripts/jquery-1.4.1-vsdoc.js"
type
="text/javascript"
></
script
>
2
<
script
src
="Scripts/jquery.clipboard.js"
type
="text/javascript"
></
script
>
3
<
style
type
="text/css"
>
4
a
5
{
6
color
:
#0000FF
;
7
cursor
:
pointer
;
8
}
9
</
style
>
10
<
script
type
="text/javascript"
>
11
$(document).ready(
function
() {
12
$.clipboardReady(
function
() {
13
$(
"
a
"
).click(
function
() {
14
$(
"
#<%=txtComment.ClientID %>
"
).select();
15
$.clipboard($(
"
#<%=txtComment.ClientID %>
"
).val());
16
});
17
});
18
});
19 </script>
加入腳本后點(diǎn)擊復(fù)制按鈕顯示效果如下：
打開記事本按Ctrl+V:
哈哈成功了，就這么簡(jiǎn)單。
?
插件下載地址：
http://plugins.jquery.com/project/clipboard
?
另外有一個(gè)Zero clipboard 插件支持跨瀏覽器，它是通過一個(gè)flash文件和JavaScirpt接口實(shí)現(xiàn)的，想了解更多信息，請(qǐng)?jiān)L問http://code.google.com/p/zeroclipboard/
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
