单击文本字段以复制到剪贴板

时间:2014-02-01 07:08:30

标签: javascript jquery html

我试图找出如何制作它,如果我点击文本框,它会将其内容复制到剪贴板。我在网上发现了一些脚本,但是它们会弹出一个已经复制的脚本。

有没有更简单的方法来使用javascript或jquery 1.7.2?

http://jsfiddle.net/vUBhd/

        <div id="select_text"><div id="link_image"><img src="images/link-chain.jpg" width="29" height="37" alt="Select Text" /></div>
        <input id="linkText" class="linkText" />
        <div class="clear"></div>
        <div id="copytextinfo">Click in the text area to copy to clipboard.</div>
        </div>

1 个答案:

答案 0 :(得分:1)

您可以使用ZClip http://www.steamdev.com/zclip/

<script type="text/javascript" src="js/jquery.zclip.min.js"></script>

$(document).ready(function(){
    $('#link_image').zclip({
        path:'js/ZeroClipboard.swf',
        copy:$('#linkText').text(),
        afterCopy:function(){
               $("#message").text("Copied to Clip Board");
            }
    });