html5页面如何实现点击复制的功能（完整代码）-

本篇文章给大家带来的内容是关于html5页面如何实现点击复制的功能 （完整代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

在实际工作中，有时候会遇到这样的需求，页面上有一个链接，不需要选中链接内容，只需要点击复制按钮，就可以把链接内容复制到剪切板。这时候可以使用clipboard插件来实现。以下是一个简单的demo。

首先可以通过npm install clipboard --save-dev 来安装该插件

    
    
    



从属性里复制


    复制到剪切板-111



从另外一个元素复制内容
222-从另外一个元素复制内容
复制到剪切板-222


JS里指定复制的内容
复制到剪切板-333

效果图：

点击完复制按钮后，成功回调函数就会输出一个对象，该对象包含了复制的内容等信息。这个时候，在其他输入文字的地方使用粘贴快捷键就可以把剪切板的内容粘贴到你需要的地方了。

html5页面点击和左右滑动页面滚动_html/css_WEB-ITnose

以上就是html5页面如何实现点击复制的功能 （完整代码）的详细内容，更多请关注 第一PHP社区 其它相关文章！