ASP.NET jQuery 食谱4 (复制TextBox的文本到本地剪贴板上)
2012-01-11 22:52
706 查看
在这节,我们将看到如何把多行文本框的内容复制到剪贴板上。
注意:jQuery clipboard plugin 只支持IE
界面代码:
View Code
显示界面:
脚本部分:
加入脚本后点击复制按钮显示效果如下:
打开记事本按Ctrl+V:
哈哈成功了,就这么简单。
插件下载地址:http://plugins.jquery.com/project/clipboard
另外有一个Zero clipboard 插件支持跨浏览器,它是通过一个flash文件和JavaScirpt接口实现的,想了解更多信息,请访问http://code.google.com/p/zeroclipboard/
注意:jQuery clipboard plugin 只支持IE
界面代码:
View Code
<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 400px; height: 300px;"> <p>请输入你的评论:</p> <asp:TextBox ID="txtComment" TextMode="MultiLine" Rows="5" Width="300px" Height="200px" runat="server"></asp:TextBox> <br /> <asp:HyperLink ID="lnkHighlight" Text="点击复制评论" 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()); }); }); }); 19 </script>
加入脚本后点击复制按钮显示效果如下:
打开记事本按Ctrl+V:
哈哈成功了,就这么简单。
插件下载地址:http://plugins.jquery.com/project/clipboard
另外有一个Zero clipboard 插件支持跨浏览器,它是通过一个flash文件和JavaScirpt接口实现的,想了解更多信息,请访问http://code.google.com/p/zeroclipboard/
相关文章推荐
- ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
- ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
- ASP.NET jQuery 食谱3 (在TextBox里面阻止复制、剪切和粘贴事件)
- ASP.NET jQuery 食谱1 (在TextBox里面创建一个默认提示)
- ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
- ASP.NET jQuery 随笔 在TextBox里面阻止复制、剪切和粘贴事件
- ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
- jquery 实现 ASP.NET TextBox 多行文本的换行
- ASP.NET jQuery 食谱2 (表单中使用回车在TextBox之间向下移动)
- ASP.NET jQuery 食谱10 (动态修改hyperlink的URL值)
- ASP.NET jQuery 食谱17 (通过使用jQuery validation插件校验ListBox)
- TextBox AutoComplete with ASP.NET and jQuery UI
- ASP.NET jQuery 食谱19 (通过jQuery操作GridView技巧集合)
- asp .net textbox实现点击文本消失
- Asp.Net Textbox with jQuery UI Datepicker value lost on a postback
- Asp.Net中TextBox获得焦点时,其文本全被选中。
- ASP.NET jQuery 食谱7 (从DropDownList获取选择的text和value值)
- ASP.NET jQuery 食谱18 (通过使用jQuery validation插件校验DropDownList)
- ASP.NET jQuery 食谱24 (通过AJAX简单实现DropDownList二级联动)
- ASP.NET jQuery 食谱25 (使用jQuery UI的Autocomplete方法实现文本框的自动搜索填充功能)