1.需求

点击按钮,复制<p>标签中的文本到剪切板

2.原理

浏览器提供了copy命令,可以复制选中的内容document.execCommand("copy")。

如果是输入框,可以通过select()方法,选中输入框的文本,然后调用copy命令,将文本复制到剪切板,但是select()方法只对<input>和<textarea>有效,对于<p>就不好使,最后我的解决方案是,在页面中添加一个<textarea>,然后把它隐藏掉。总结如下:

点击按钮的时候,先把<textarea>的value改为<p>的innerText,然后复制<textarea>中的内容。

换成input框也一样。

3.实现