Question

<head></head>

<body>
    <input type="text" id="description"></input>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>
    <script>
        $(document).ready(function() {
            $('a#copy').zclip({
                path: 'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
                copy: $(text#description).text()
            });
        });
    </script>
    <button type="button"><a id='copy' href="#">Copy</a></button>

</body>

我想我已经把它弄清楚但我不知道为什么它不起作用......你能帮助我吗？我使用另一个名为zclip（http://www.steamdev.com/zclip/）的库而不是零剪贴板。这是我的代码：http://jsfiddle.net/3GVX9/1/提前感谢！ Ps我想这样做之后点击按钮它会将文本字段中的文本复制到剪贴板。

Answer 1

您的代码在语法上无效：选择器字符串不用引号分隔。

copy: $('text#description').text()

您的选择器也无效。当您选择<text>元素时，它会尝试选择<input>元素。既然你已经拥有了一个ID，那么无论如何都没有理由编写一个更具体的选择器。

copy: $('#description').text()

您还需要在单击按钮时获取要复制的文本，而不是在页面加载时。

copy: function() {
    return $('#description').text();
}

但我们正在处理表单输入字段，因此请使用.val()代替.text()：

copy: function() {
    return $('#description').val();
}

最后，你需要正确设置小提琴。

这是一个有效的演示：http://jsfiddle.net/mattball/kqKTG

zclip代码复制空白字符串而不是文本字段的内容

1 个答案: