【js实现点击复制网页内容（基于clipboard.js）】的更多相关文章

js实现点击复制网页内容（基于clipboard.js）

浏览网页过程中会遇到点击复制链接地址的情况,下面就介绍一种实现方法,该方法是基于clipboard.js: 官网地址:https://clipboardjs.com/: clipboard.js使用比较简单,可通过script直接引入: 步骤1:引入clipboard.js <script src="clipboard.min.js"></script> 步骤2:html <!-- Target --> <span id="foo&q…

js实现剪切、复制、粘贴——clipBoard.js

摘要: 最近项目上要实现一个点击按钮复制链接的功能,刚开始查找了一些资料,找了几款插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,于是就想能不能通过js来实现复制剪切呢? 地址:https://github.com/baixuexiyang/clipBoard.js 方法: 复制 var copy = new clipBoard(document.getElementById('data'), { beforeCopy: function() {…

js实现点击复制网页内容（基于execCommand）

通过execCommand方法来实现,当一个HTML文档切换到设计模式 designMode时,文档对象暴露 execCommand 方法,该方法允许运行命令来操纵可编辑区域的内容.大多数命令影响文档的选择(粗体,斜体等),而其他命令插入新元素(添加链接)或影响整行(缩进).当使用contentEditable时,调用 execCommand() 将影响当前活动的可编辑元素.语法如下: bool = document.execCommand(aCommandName, aShowDefaultU…

移动端无法复制：使用clipboard.js碰到的一个小问题

移动端无法复制:使用clipboard.js碰到的一个小问题   直接看下面的代码:在移动端访问,点击,能正常复制. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial…

js 实现点击复制文本内容

js  实现点击复制文本内容 <table> <tr><td>姓名:<span onclick="copyContent(this);" title="点击复制">张 三</span></td></tr> <tr><td>姓名:<span onclick="copyContent(this);" title="点击复制&qu…

前端复制粘贴文字clipBoard.js的使用

1. vue  中的复制粘贴: <div class="mainTextItem" @click="copyTXTOne" id="copyOne" data-clipboard-target="#input1"> <!-- 复制的内容写在 input1里面 --> <input type="text" v-model="goods_number" id=&…

【Html】Clipboard.js 实现点击复制，剪切板操作

可以使用cdn 或者直接下载 设置好引用路径(百度云下载) <script type="text/javascript" src="./dist/clipboard.min.js"></script> html <input type="text" id="copyVal" readonly value="被复制内容" /> <button class="…

cliipblard.js 实现点击复制

<script src="js/clipboard.min.js"></script> <script type="text/javascript"> var clipboard = new Clipboard('.wxgghbtn'); clipboard.on('success', function(e) { console.log(e); alert('复制成功!现在去微信~'); window.location.href=…

Js 之复制到剪贴板 clipboard.js

一.下载 https://github.com/zenorocha/clipboard.js/archive/master.zip 二.Demo示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input id=…

JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

javascript 点击事件执行两次js问题 在JQuery中存在unbind()方法,先解绑再添加点击事件,解决方案为: $(".m-layout-setting").unbind('click').click(function(){ //此处填写逻辑代码 }) ------ 因为利用js在页面加载后添加需要点击事件的代码,发现在点击后会代码会执行两次,因为有toggle效果,导致弹窗出现又很快丢失 查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法: e.s…