Js复制文本功能

参考:
1.https://www.cnblogs.com/tylerdonet/p/4533782.html
2.https://www.cnblogs.com/wisewrong/p/7473978.html

平时工作上会遇到一键复制文本、链接等需求,这就需要点击某个按钮,触发js事件把指定的文本复制到粘贴板上,以便其他地方使用。

注意:这些方法只在webkit内核浏览器测试过,并没有做过其他浏览器的兼容,如果需要兼容其他浏览器,请自行搜索。

目前会在以下三种情况下实现:

1、已经选中p/span等标签的文本,需要复制选中文本


2、实现点击按钮,复制文本框中的的内容


3、没选中,但想要复制指定元素的文本。
思路:在文本标签中,绝对定位一个透明的input(这个input不能用type=hidden或者display、visibility去隐藏,会获取不到文本的),然后点击复制按钮,去获取这个Input的文本




你可能感兴趣的:(Js复制文本功能)