V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
baodaren8
V2EX  ›  问与答

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

  •  
  •   baodaren8 · 2019-04-22 19:32:06 +08:00 · 1178 次点击
    这是一个创建于 2077 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    4 条回复    2019-04-22 21:35:18 +08:00
    baodaren8
        1
    baodaren8  
    OP
       2019-04-22 19:55:50 +08:00
    在线顶一下,求大神指导。
    baodaren8
        2
    baodaren8  
    OP
       2019-04-22 20:28:13 +08:00
    在线顶一下
    coolair
        3
    coolair  
       2019-04-22 20:30:53 +08:00
    这个很简单啊,点击按钮的 data-clipboard-target="#foo" 属性对应的值,就是你想要复制的 input (的 value ) 的 id:<input id="foo" value="这里是复制的值">
    foo 相互对应。
    baodaren8
        4
    baodaren8  
    OP
       2019-04-22 21:35:18 +08:00
    @coolair 代码要怎么写……。我复制进去了,不起作用……
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2256 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 01:42 · PVG 09:42 · LAX 17:42 · JFK 20:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.