内容字号：
段落设置：
字体设置：
JavaScript+Html5实现按钮的复制文字到剪切板功能，手机网页兼容
新学习JavaScript，就碰到这么一个需求，几乎网上的方法都试过了。写出了总结下
使用的方法：clipboard
插件下载地址：/zenorocha/clipboard.js/tree/master
引入插件：目录\clipboard.js-master\dist\clipboard.min.js
目录中有各种demo，分别实现了固定的文字复制，input的复制等等，可以看下找找思路；
下边来记录下使用的方式：
一：引入插件：
&script src=&js/clipboard.min.js& type=&text/javascript&&&/script&
二：给标签添加属性：
data-clipboard-text
&div id=&btn& data-clipboard-text=&1&&
&span&Copy&/span&
三：定义script ：实现复制功能---（写的内部的script，外部的总是报错，找不到类，新手不大懂，以后再补充）
var clipboard = new Clipboard(' btn ');
clipboard.on('success', function(e) {
e.clearSelection();
//复制成功
clipboard.on('error', function(e) {
//复制失败
& / script&
： new Clipboard() ----参数为id class都可以，跟css定义一样 & id 或者.class
四：自定义复制的内容；
new Clipboard('.btn', {
target: function(trigger) {
return trigger.nextElementS
通过return返回想复制的内容，
五：列 表页复制每 条列表内容
可以给每个item自定义属性
data-clipboard-text
div .setAttribute(&data-clipboard-text&,
补充：电脑浏览器几乎都可以支持，手机上安卓可以，苹果有点问题，需要把标签设置成button
分享给小伙伴们：
本类最热新闻
48小时最热
01020304050607089101112
CopyRight © 2015- , All Rights Reserved.已选择英雄池
请点击右上角的设置链接，设置您的英雄池，选择你需要了解的英雄与熟悉的线路，如果不选默认为版本热门英雄。
你长玩的路线是
推荐您查看：
03-3103-3102-0701-3001-1301-09
04-2703-2803-0102-1702-1001-21
07-1207-0407-0312-0212-2212-21
03-0303-0101-0312-1512-0712-02
03-2402-0802-0401-2401-1912-16
04-1002-2702-0602-0101-1012-27
04-1903-1403-1402-2702-1301-18
02-2502-1602-0701-2101-0412-28
我是暴力上路04-2004-1904-1504-1304-1204-12我是中路杀神04-3004-2704-2104-1404-1004-10我是打野爸爸04-2504-1202-2802-2802-2702-27主力输出ADC04-2804-0403-3103-2603-1303-13我是最牛辅助04-2804-2704-2604-2004-1304-12
所有英雄战士刺客打野上单法师中单消耗坦克辅助控制团控支援ADC近战物理隐身
Copyright &
AHgame. 安游在线 版权所有 联系方式：QQ 33249