点击复制链接

HTML：<a href="javascript:void(0)" data-clipboard-text="http://midaijihua.com" class="copy">邀请好友</a>

JS：if ($(‘.copy‘).length) {    var client = new ZeroClipboard(        $(‘.copy‘),        {moviePath: ‘/static/themes/plan/yangjing/js/ZeroClipboard.swf‘}    );

client.on(‘complete‘, function (client, args) {        alert("复制成功: " + args.text);    });} else {    window.location.reload();}

时间： 2024-10-12 12:35:18

点击复制链接的相关文章

记录使用clipboard.js实现点击复制链接到剪切板的历程

记录使用clipboard.js实现点击复制链接到剪切板的历程前几天接到一个任务,让实现当用户在首页点击按钮(说是按钮,只是外观是按钮,其实是一个a标签)时弹出弹窗告诉用户已经复制了活动链接,同时将链接复制到用户的剪切板中. 听起来贼简单的功能,分任务的时候甚至有人说就1,2行代码就搞定了.于是这简单的任务就给了我(菜鸟实习生 =-=),我真是信了你的邪~~!. 在我做的时候,才发现,听起来挺简单的任务,但是如果要实现对不同浏览器兼容,其实并不简单. 列举一下我找到的各种实现方法吧: 1.d

点击按钮复制链接到我的粘贴板【兼容所有浏览器】

首先看下个人的笔记:点击我兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能加载JQuery库和zclip插件 <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <script src="js/jquery.zclip.min.js"></script> 下面是一个小demo,主要是复制文本框

复制链接

一:插件 ZeroClipboard.js 二:使用 <script type="text/javascript" src="plug-in/copy/ZeroClipboard.js"></script> //点击行时,给copycontent赋值 onClickRow:function(rowIndex,rowData){ rowid=rowData.id;gridname='signList'; var url='${prefix_li

点击复制到剪贴板的方法( clipboard )

需求描述:点击复制可以把店铺链接复制到剪贴板上解决方法: 使用clipboard 插件安装 npm install clipboard --save 设置在main.js 中引入, 当然我们也可以在用到的.vue中映入,因为不止在一个地方中用到了拷贝文字 import clipboard from 'clipboard';//注册到vue原型上Vue.prototype.clipboard = clipboard; 在需要拷贝文字的文件里面 <template> <div clas

模拟点击a链接

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <a href="tel:10086" id="aaa" ></a> <div onclick="test()" > 拨打电话 </div> <script>

jquery实现点击复制到剪切板

1.必须有先引入 jquery库 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zclip.min.js"></script> 2.js实现点击复制的代码 <script type="text/jav

手机中点击一个链接或文本输入框出现一个半透明的背景的问题

刚开始接触移动端的开发,发现input元素在iPhone中获得焦点时会出现一个半透明的背景,如图: 要去掉这个半透明背景需要设置以下样式 -webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); 补充下网上的资料说明: 当你点击一个链接或输入框元素时,就会出现一个半透明的灰色背景. tap点击,highlight背景高亮,color颜色,颜色用数值调节手机中点击一个链接或文本输入框出现一个半透明的

js 点击复制操作

这个操作搞了好久,解决起来好简单... 大部分摘抄出自这里https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand 1 <p>点击复制后在右边textarea CTRL+V看一下</p> 2 <input type="text" id="inputText" value="测试文本" disabled='disabled'/> 3

ext树表+ZeroClipboard复制链接功能

效果图: 其中:前台jsp如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html> <html lang="zh_CN"> <head> <meta http-equiv="Content-Type" content="tex