将文本复制到剪贴板使用asp.net零剪贴板 [英] Copy text to clipboard using Zero Clipboard in asp.net
本文介绍了将文本复制到剪贴板使用asp.net零剪贴板的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图使用零 *的剪贴板的*从复制文本的文本框为剪贴板：当客户点击一个按钮即可。我想这许多天，但没有运气，使这项工作。
在场景中，我有一个文本框这使得从数据库数据即可。我有一个按钮，当客户点击应该复制在文本框的文字。我曾尝试以下，但它不工作。
一些帮助将AP preciated。
＆LT;脚本类型=文/ JavaScript的SRC =/脚本/ ZeroClipboard.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本类型=文/ JavaScript的＆GT;
ZeroClipboard.setMoviePath（'/脚本/ ZeroClipboard.swf'）;
＆LT; / SCRIPT＆GT;＆LT;脚本＆GT;
功能测试（）{ ZeroClipboard.setMoviePath（'/脚本/ ZeroClipboard.swf'）;
//创建客户端
VAR夹=新ZeroClipboard.Client（）; //事件
clip.addEventListener（鼠标按下'，函数（）{
clip.setText（的document.getElementById（'TextBox2中'）值。）; }）;
clip.addEventListener（完整，功能（客户端，文字）{
警报（'复制'+文字）; }）;
//它胶水按钮
clip.glue（'d_clip_button'）; }
＆LT; / SCRIPT＆GT;＆LT; ASP：文本框ID =TextBox2中=服务器边框=无启用=FALSEFONT-SIZE =中前景色=黑WIDTH =213px＆GT;＆LT; / ASP：文本框＆GT ;
＆安培; NBSP;＆LT; ASP：按钮的ID =d_clip_button=服务器文本=复制的OnClientClick =JavaScript的：测试（）; /＆GT;
解决方案
＆LT; HTML和GT;
＆LT;身体GT;
＆LT;按钮的ID =复印键数据剪贴板文本=抄我的！标题=点击复制我的。＆GT;
复制到剪贴板＆LT; /按钮＆GT;
＆所述; SCRIPT SRC =ZeroClipboard.js＆GT;＆下; /脚本＆GT;
＆所述; SCRIPT SRC =main.js＆GT;＆下; /脚本＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;//在Main.js文件
// main.js
VAR夹=新ZeroClipboard（的document.getElementById（复制键），{
moviePath：/path/to/ZeroClipboard.swf
}）;clip.on（'负荷'，功能（客户端）{
//警报（影片加载）;
}）;clip.on（完整，功能（客户端，参数）{
this.style.display =无; //本是被点击的元素
警报（文本复制到剪贴板：+ args.text）;
}）;clip.on（'鼠标悬停'，功能（客户端）{
//警报（鼠标）;
}）;clip.on（'鼠标移开，功能（客户端）{
//警报（鼠标移出）;
}）;clip.on（鼠标按下'功能（客户端）{//警报（鼠标按下）;
}）;clip.on（鼠标松开，功能（客户端）{
//警报（鼠标弹起）;
}）;
I am trying to use Zero *Clipboard* to copy text from Textbox to Clipboard when client clicks a Button. I am trying this for many days but no luck to make this work.
In Scenario, i have one Textbox which render data from the Database. I have one Button which when client clicks should copy text of the Textbox. I have tried following but its not working.
Some help will be appreciated.
<script type="text/javascript" src="/Scripts/ZeroClipboard.js"></script>
<script type="text/javascript">
ZeroClipboard.setMoviePath('/Scripts/ZeroClipboard.swf');
</script>
<script>
function test() {
ZeroClipboard.setMoviePath('/Scripts/ZeroClipboard.swf');
//create client
var clip = new ZeroClipboard.Client();
//event
clip.addEventListener('mousedown', function () {
clip.setText(document.getElementById('TextBox2').value);
});
clip.addEventListener('complete', function (client, text) {
alert('copied: ' + text);
});
//glue it to the button
clip.glue('d_clip_button');
}
</script>
<asp:TextBox ID="TextBox2" runat="server" BorderStyle="None" Enabled="False" Font-Size="Medium" ForeColor="Black" Width="213px"></asp:TextBox>
<asp:Button ID="d_clip_button" runat="server" Text="Copy" OnClientClick="javascript:test();" />
解决方案
<html>
<body>
<button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">
Copy to Clipboard</button>
<script src="ZeroClipboard.js"></script>
<script src="main.js"></script>
</body>
</html>
//In Main.js file
// main.js
var clip = new ZeroClipboard( document.getElementById("copy-button"), {
moviePath: "/path/to/ZeroClipboard.swf"
} );
clip.on( 'load', function(client) {
// alert( "movie is loaded" );
} );
clip.on( 'complete', function(client, args) {
this.style.display = 'none'; // "this" is the element that was clicked
alert("Copied text to clipboard: " + args.text );
} );
clip.on( 'mouseover', function(client) {
// alert("mouse over");
} );
clip.on( 'mouseout', function(client) {
// alert("mouse out");
} );
clip.on( 'mousedown', function(client) {
// alert("mouse down");
} );
clip.on( 'mouseup', function(client) {
// alert("mouse up");
} );
这篇关于将文本复制到剪贴板使用asp.net零剪贴板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
