【问题标题】:How to copy string by clicking on string?如何通过单击字符串来复制字符串?
【发布时间】:2016-04-11 15:19:28
【问题描述】:

如何通过单击字符串来复制字符串。我的表中有一个 URL 字段,其中包含很长的字符串,所以我用 30 个字符显示该字符串。 前任。 完整的字符串,如“https://www.google.co.in/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=how+to+copy+text+by+click+on+text+in+php”

我的显示就像“https://www.google.co.in/webhp....”

所以当我点击那个字符串时。我想复制该完整字符串,以便可以将其粘贴到任何地方。

【问题讨论】:

    标签: php jquery


    【解决方案1】:

    你可以试试 clipboard.js (https://clipboardjs.com/)。

    使用这个库,您可以添加带有特殊data-clipboard-text 属性的链接。来自文档:

    事实是,您甚至不需要其他元素来复制其内容 从。您可以只在您的 触发元素。

    因此您可以添加带有文本https://www.google.co.in/webhp.... 的元素并将data-clipboard-text 设置为您要复制的完整网址。

    您只需添加以下代码即可使用它:

    $(document).ready(function(){
        new Clipboard('.trigger');
    })
    

    这里是fiddle。

    【讨论】:

    • 浏览器对操作剪贴板的支持不完整。 Clipboard.js 提供了一个很好的解决方法,如果复制到剪贴板失败,则会有一个回调。如果不支持,您可以使用该回调添加包含完整 url 的 html 消息,可以手动选择和复制。
    • 这是相关文档:clipboardjs.com/#browser-support - 看起来只是 Safari 不支持它。无论如何,我的观点是 clipboard.js 提供了优雅的降级选项
    • @alexanderbird,好点子!这是一个非常好的解决方法,感谢您提供的信息!
    【解决方案2】:

    看看这个链接 https://brooknovak.wordpress.com/2009/07/28/accessing-the-system-clipboard-with-javascript/

    访问剪贴板时浏览器之间的差异。

    <script>
    $(function() {
        $('a.my_link').click(function() {
            link = $(this).attr('href');
            // Copy link to clipboard
    
            return false;
        });
    });
    </script>
    

    还有你在 html 中的链接

    <a href="fulllink">Partial Link</a>
    

    【讨论】:

    • 感谢您的努力。但这不是我想要的。祝你有美好的一天:)
    猜你喜欢
    • 2017-03-30
    • 2017-07-05
    • 1970-01-01
    • 1970-01-01
    • 2017-04-03
    • 1970-01-01
    • 1970-01-01
    • 2021-10-04
    • 2015-02-25
    相关资源
    最近更新 更多