全部代码如下
Clipboard.js无需Flash实现剪贴板功能
* {margin: 0; padding:0; font-family: '微软雅黑'}
#con {width: 800px; overflow: hidden; padding: 10px; margin: 20px auto; background: #F9F9F9; border: 1px solid #ccc;}
h3 {text-align: center; color: red;}
.copy {width: 400px; height: 100px; margin: 10px auto;}
.inp {width: 288px; height: 38px; border: 1px solid #3BB4F2; border-right: 1px; outline:none; float: left; font-size: 20px; color:red; padding: 0 5px;}
.btn {width: 100px; height: 40px; border: none; float: left; color: #fff; background: #3BB4F2; outline:none; font-size: 24px;}
.btn1 {border-radius: 5px; margin-left:150px; margin-top: 10px;}
.div_copy {width: 400px; height: 100px; margin: 10px auto; text-align: center;}
#dd {border: 1px solid #ccc; padding: 5px; color: red;}
复制表单里面的
复 制
复制DIV里面的
百度经验复制DIV里面的内容复 制
//实例化Clipboard对象并把复制按钮的类.btn传进去
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
//这里是layer.js的一个弹层提示效果
layer.msg('复制成功');
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
//实例化Clipboard对象并把复制按钮的类.btn1传进去
var clipboard1 = new Clipboard('.btn1');
clipboard1.on('success', function(e) {
//这里是layer.js的一个弹层提示效果
layer.msg('复制成功',{
time: 3000, //3s后自动关闭
btn: ['明白了', '知道了']
});
console.log(e);
});
clipboard1.on('error', function(e) {
console.log(e);
});