没有合适的资源?快使用搜索试试~ 我知道了~
js实现多种浏览器访问剪贴板
需积分: 50 19 下载量 13 浏览量
2017-08-08
16:05:50
上传
评论
收藏 1KB TXT 举报
温馨提示
试读
2页
很多访问剪贴板的只支持IE浏览器,而火狐、谷歌等不支持,这里记录了可以支持多种浏览器的写法
资源推荐
资源详情
资源评论
---效果:点击按钮或链接后提示复制到剪贴板成功,即可以在任意地方粘贴。
---利用的clipboard.min.js(已经写好的js)
1.项目引入clipboard.min.js文件
2.页面引入js 例<script src="$!webPath/resources/js/clipboard.min.js"></script>
3.在<body>标签里写
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
alert("复制到剪贴板成功");
});
clipboard.on('error', function(e) {
console.log(e);
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
</script>
4.在调用的地方写
(1)<a>标签的方式
<a href="javascript:void(0);" class="btn" data-clipboard-action="copy" data-clipboard-target="#bb$!velocityCount">调用代码</a>
<input id="bb$!velocityCount" type="text" value='<script src="$!webPath/advert_invoke.htm?id=$!obj.id"></script>' readonly style="width:1px;height:1px;border:0;" />
(2)<button>按钮的方式
---利用的clipboard.min.js(已经写好的js)
1.项目引入clipboard.min.js文件
2.页面引入js 例<script src="$!webPath/resources/js/clipboard.min.js"></script>
3.在<body>标签里写
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
alert("复制到剪贴板成功");
});
clipboard.on('error', function(e) {
console.log(e);
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
</script>
4.在调用的地方写
(1)<a>标签的方式
<a href="javascript:void(0);" class="btn" data-clipboard-action="copy" data-clipboard-target="#bb$!velocityCount">调用代码</a>
<input id="bb$!velocityCount" type="text" value='<script src="$!webPath/advert_invoke.htm?id=$!obj.id"></script>' readonly style="width:1px;height:1px;border:0;" />
(2)<button>按钮的方式
资源评论
kafeidou0315
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功