autojs 复制到粘贴板_Clipboard.js无需Flash实现剪贴板功能

全部代码如下

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里面的

复 制

//实例化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);

});