菜单

使用纯JavaScript实现复制粘贴功能

2017年3月16日 - Web    1,519 阅读    暂无评论

  本文描述的方法完全使用JavaScript实现,兼容各较新版本的浏览器。
  所使用到的库是clipboard.js,十分易用。
  

加载js文件

注意事项

  使用方法参看官方demo,但要注意的是,貌似该库的选择器不能对动态生成的元素生效,比如使用php或jQuery动态生成元素无法触发该库的事件。我们可以使用曲线救国的方式,让动态生成的元素能够间接使用复制粘贴功能。
  首先在恰当的地方,比如</body>的前面,放置一个隐藏的button控件:

  然后,实现一个对该button控件起作用的复制粘贴事件。

  然后,让动态生成的元素绑定一个事件,模拟对该button的点击,如使用jQuery绑定元素的点击事件:

大功告成!

标签:

1,519 阅读    暂无评论

发表评论

邮箱地址不会被公开。 必填项已用*标注