代码之家  ›  专栏  ›  技术社区  ›  Gavrisimo

如何创建“复制”按钮?

  •  6
  • Gavrisimo  · 技术社区  · 16 年前

    好吧,假设你有这个:

    <input id="test" value="" />
    

    该输入的值是动态生成的。

    现在,用户可以双击该输入来选择值,按ctrl+c进行复制。

    我还发现,使用javascript,您可以使用“click”选择输入值。

    但是,在创建一个按钮时,单击该按钮会将输入的值复制到操作系统的剪贴板中——我只找到了适用于Flash的解决方案。

    现在我想知道如何用javascript创建这个按钮?如果可能的话…:)

    1 回复  |  直到 13 年前
        1
  •  6
  •   Community Mohan Dere    9 年前

    考虑到影响(特别是安全性问题),复制到/从剪贴板复制并不是一件非常允许/容易的事情。

    这些问题/答案可能对您有所帮助:

    在每种情况下,解决方案似乎都是使用一些小的.swf文件——这意味着使用Flash(实际上可能是某些旧版本的Flash)。

    例如,您可以查看 Zero Clipboard 图书馆(是的,闪存…):

    零剪贴板库提供 将文本复制到剪贴板的简单方法 使用不可见的Adobe Flash电影, 以及一个javascript接口。“零” 表示图书馆是 不可见,用户界面为 完全由你决定。

    此库与完全兼容 flash player 10,需要 剪贴板复制操作是 由内部用户单击事件启动 闪光灯电影。这是通过 自动浮动不可见 在您的 选择。

    在纯JavaScript中,它似乎可以在Internet Explorer中使用,但在其他浏览器中却不可能……