使用JQuery将文本复制到剪贴板 [英] Copy text to Clipboard using JQuery

查看:76
本文介绍了使用JQuery将文本复制到剪贴板的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,

我想要一个示例jquery实现来将文本复制到客户端剪贴板。我知道有很多jquery实现可用。但我需要一个工作示例代码。我不熟悉jquery编码。请帮帮我



提前致谢,

Manu V Nath

解决方案

Hello Manu,



您可以使用 liveclipboard-jquery [ ^ ]插件可以执行此操作。工作样本可以在此处找到[ ^ ]。另一个做类似事情的JQuery插件是 zClip [ ^ ]。



问候,


 <   html  >  
< body >
< script 类型 = text / javascript src = ZeroClipboard.js > < / script >

< div id = d_clip_button style = border:1px solid black;填充:20px; > 复制到剪贴板< / div >

< script language = JavaScript >
var clip = new ZeroClipboard.Client();
var myTextToCopy =这是要复制的文本!;
clip.setText(myTextToCopy);
clip.glue('d_clip_button');
< / script >
< / body >
< / html >


Hi all,
I want a sample jquery implementation to copy text to client clipboard. I know there are many jquery implementation avilable. But i need one working sample code. I am not familiar with jquery coding. Please help me

Thanks in advance,
Manu V Nath

解决方案

Hello Manu,

You can use liveclipboard-jquery[^] plugin to do this. The working sample can be found here[^]. Another JQuery plugin to do similar thing is zClip[^].

Regards,


<html>
<body>
        <script type="text/javascript" src="ZeroClipboard.js"></script>

        <div id="d_clip_button" style="border:1px solid black; padding:20px;">Copy To Clipboard</div>

        <script language="JavaScript">
            var clip = new ZeroClipboard.Client();
            var myTextToCopy = "Hi, this is the text to copy!";
            clip.setText( myTextToCopy );
            clip.glue( 'd_clip_button' );
        </script>
</body>
</html>


这篇关于使用JQuery将文本复制到剪贴板的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆