baodaren8
V2EX  ›  问与答

移动端浏览器实现网页内容复制: Clipboard.js 求教这个怎么用

  •  
  •   baodaren8 · Apr 22, 2019 · 1497 views
    This topic created in 2596 days ago, the information mentioned may be changed or developed.

    因需求要这样一个功能,就是点击复制按钮就自动复制特定内容。
    在网上找了一下,看到了这个 Clipboard.js ,也找到官网。
    但对 JS 真的不熟,看到代码写在那里,可就是不会用……
    所以,在这里请教,这个代码要怎么用。
    下面是我找到的教程与官网,请大神指导一下。谢谢了。

    教程: https://www.cnblogs.com/kevinCoder/p/6144376.html
    Clipboard.js 项目官网: https://clipboardjs.com/

    4 replies    2019-04-22 21:35:18 +08:00
    baodaren8
        1
    baodaren8  
    OP
       Apr 22, 2019
    在线顶一下,求大神指导。
    baodaren8
        2
    baodaren8  
    OP
       Apr 22, 2019
    在线顶一下
    coolair
        3
    coolair  
       Apr 22, 2019
    这个很简单啊,点击按钮的 data-clipboard-target="#foo" 属性对应的值,就是你想要复制的 input (的 value ) 的 id:<input id="foo" value="这里是复制的值">
    foo 相互对应。
    baodaren8
        4
    baodaren8  
    OP
       Apr 22, 2019
    @coolair 代码要怎么写……。我复制进去了,不起作用……
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   847 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 96821589 · 27ms · UTC 21:46 · PVG 05:46 · LAX 14:46 · JFK 17:46
    ♥ Do have faith in what you're doing.