baodaren8
V2EX  ›  问与答

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

  •  
  •   baodaren8 · Apr 22, 2019 · 1511 views
    This topic created in 2609 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   ·   929 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 22:18 · PVG 06:18 · LAX 15:18 · JFK 18:18
    ♥ Do have faith in what you're doing.