页面上点击按钮实现复制功能
2017-11-08 15:50
429 查看
引入clipboard.js;
htm代码:
js代码:
这个js的详细使用 来自简书网友
htm代码:
<p class="link-div-p1">优惠券链接:<span id="link-span">http://</span></p> <!--<span style="font-family:萝莉体;font-size:medium;color: #0a0a0a"></span>--> <!--<button type="button" onclick="closeDiv()">关闭</button>--> <p class="link-div-p2"> <button class="btn" data-clipboard-action="copy" data-clipboard-target="#link-span" type="button" onclick="copyLink()">复制</button> </p>
js代码:
function copyLink(){ var spanValue = ""+$(".link-div-p1").children("span").eq(0).text(); if(window.clipboardData){//若果浏览器支持这个功能 window.clipboardData.setData("Text",spanValue);//执行浏览器复制命令 }else{ var clipboard = new Clipboard('.btn'); clipboard.on('success',function(e){ console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); e.clearSelection(); }); clipboard.on("error",function(e){ console.error('Action:', e.action); console.error('Trigger:', e.trigger); }); } }
这个js的详细使用 来自简书网友
相关文章推荐
- js操作剪贴板,实现点击按钮复制文本功能
- JS实现PC、Android、IOS端的点击按钮复制内容功能
- 【web布局】点击按钮返回页面顶部的功能实现
- 在页面中,我们经常看到,一个button按钮,如果属标点击,就会触发一个窗口的显示,如果二次点击并可以隐藏,那么如何通过JAVA配合html来实现这一功能呢?
- 点击复制按钮复制指定文本内容,实现网页中的复制功能
- iOS-点击按钮实现复制功能
- jquery实现checkbox全选功能,第二次点击【全选】按钮,页面无法勾选
- js实现点击按钮复制文本功能
- 页面实现验证码功能,点击“注册”按钮后,无论是否完成注册,验证码都能够自动刷新
- python基于selenium+PhantomJS实现用提交表单,并点击按钮功能,获取返回的页面源码和ur等信息l。
- html5页面实现点击复制功能
- React---点击按钮实现内容复制功能
- JS实现点击复制功能(ZeroClipboard)
- jquery实现多个点击复制按钮
- jquery 点击页面其他地方实现隐藏菜单功能
- 如何实现点击一个按钮后跳转的指定的链接页面
- 实现在点击asp:button按钮后,不刷新当前页面
- 【页面的点击滑动;点击按钮实现多个Frament的切换 ViewPager+RadioButton+Fragment】
- iOS 点击按钮复制信息功能
- 页面点击打印按钮打印相关内容的小功能