通过单击jQuery DOM使用HTML5剪贴板API复制到剪贴板?

里奇137

我不想使用Flash,但要使用新的HTML5剪贴板API。

我想通过点击触发复制事件 $('.link-copy')

我该怎么做呢?我似乎找不到有效的示例。

迈克尔·道伊

这是如何执行此操作的一个非常基本的示例:

HTML

<p id="p">Some random text</p>

JavaScript

copyContent = function (el) {
    // Create a temporary element
    var $tmp = $("<input />");
    // Add the temp el to the DOM
    $("body").append($tmp);
    // Add the text to the temp el and select it
    $tmp.val($(el).text()).select();
    // Tell the broswer to copy the selection
    document.execCommand("copy");
    // Remove the temporary element
    $tmp.remove();
}

执行于 click

$('.link-copy').on('click', function() {
    copyContent('#p');
});

小提琴的例子

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击div时复制到剪贴板

来自分类Dev

单击JS复制到剪贴板

来自分类Dev

单击的项目复制到剪贴板

来自分类Dev

复制到剪贴板Javascrip(无jQuery)

来自分类Dev

使用 purejs 单击时将数据属性复制到剪贴板

来自分类Dev

通过在Vue.js组件中单击按钮将URL复制到剪贴板

来自分类Dev

通过单击父元素将文本复制到剪贴板

来自分类Dev

单击reactjs中的复制按钮后,如何创建“复制到剪贴板”的工具提示

来自分类Dev

单击时将自动热键链接文本复制到剪贴板

来自分类Dev

单击按钮时,将文本区域的文本复制到剪贴板中

来自分类Dev

单击以将特定类的所有元素复制到剪贴板吗?

来自分类Dev

选择并复制文本到剪贴板上双击jQuery

来自分类Dev

通过.bat文件从.txt文件复制到剪贴板

来自分类Dev

通过SSH将输入复制到剪贴板吗?

来自分类Dev

通过剪贴板将图像从Gimp复制到Lotus Notes破坏了颜色深度

来自分类Dev

jquery 复制到剪贴板 - 如何忽略特殊的 css 和 jquery 字符

来自分类Dev

jQuery Datatables:自定义复制到剪贴板功能

来自分类Dev

jQuery复制到剪贴板,输入没有ID的手动文本

来自分类Dev

jQuery Datatables:自定义复制到剪贴板功能

来自分类Dev

jQuery/JavaScript 获取输入值然后复制到剪贴板

来自分类Dev

通过单击 JavaScript 中的注入元素启动将字符串复制到剪贴板

来自分类Dev

使用voila和Jupyter Hub渲染html时,将变量内容复制到剪贴板中(通过Ipython注入JS?)

来自分类Dev

通过 WSL 使用剪贴板?

来自分类Dev

单击Chrome扩展程序的浏览器操作时,将文本复制到剪贴板

来自分类Dev

如何通过ssh从远程计算机中的文件将文件内容复制到本地剪贴板

来自分类Dev

通过 eventFilter 获取 QLineEdit 的某些属性到剪贴板

来自分类Dev

使用OpenEdge通过DLL访问剪贴板的堆崩溃

来自分类Dev

如何使用jQuery Mobile从剪贴板粘贴文本?

来自分类Dev

jQuery使用剪贴板制作类或ID

Related 相关文章

  1. 1

    单击div时复制到剪贴板

  2. 2

    单击JS复制到剪贴板

  3. 3

    单击的项目复制到剪贴板

  4. 4

    复制到剪贴板Javascrip(无jQuery)

  5. 5

    使用 purejs 单击时将数据属性复制到剪贴板

  6. 6

    通过在Vue.js组件中单击按钮将URL复制到剪贴板

  7. 7

    通过单击父元素将文本复制到剪贴板

  8. 8

    单击reactjs中的复制按钮后,如何创建“复制到剪贴板”的工具提示

  9. 9

    单击时将自动热键链接文本复制到剪贴板

  10. 10

    单击按钮时,将文本区域的文本复制到剪贴板中

  11. 11

    单击以将特定类的所有元素复制到剪贴板吗?

  12. 12

    选择并复制文本到剪贴板上双击jQuery

  13. 13

    通过.bat文件从.txt文件复制到剪贴板

  14. 14

    通过SSH将输入复制到剪贴板吗?

  15. 15

    通过剪贴板将图像从Gimp复制到Lotus Notes破坏了颜色深度

  16. 16

    jquery 复制到剪贴板 - 如何忽略特殊的 css 和 jquery 字符

  17. 17

    jQuery Datatables:自定义复制到剪贴板功能

  18. 18

    jQuery复制到剪贴板,输入没有ID的手动文本

  19. 19

    jQuery Datatables:自定义复制到剪贴板功能

  20. 20

    jQuery/JavaScript 获取输入值然后复制到剪贴板

  21. 21

    通过单击 JavaScript 中的注入元素启动将字符串复制到剪贴板

  22. 22

    使用voila和Jupyter Hub渲染html时,将变量内容复制到剪贴板中(通过Ipython注入JS?)

  23. 23

    通过 WSL 使用剪贴板?

  24. 24

    单击Chrome扩展程序的浏览器操作时,将文本复制到剪贴板

  25. 25

    如何通过ssh从远程计算机中的文件将文件内容复制到本地剪贴板

  26. 26

    通过 eventFilter 获取 QLineEdit 的某些属性到剪贴板

  27. 27

    使用OpenEdge通过DLL访问剪贴板的堆崩溃

  28. 28

    如何使用jQuery Mobile从剪贴板粘贴文本?

  29. 29

    jQuery使用剪贴板制作类或ID

热门标签

归档