jquery 复制文本到剪切板插件(非 flash)
原创插件,转载请声明出处!!!
jquery.copy.js 内容如下:
/*!
* jQuery Copy Plugin
* version: 1.0.0-2018.01.23
* Requires jQuery v1.5 or later
* Copyright (c) 2018 Tiac
* http://www.cnblogs.com/tujia/p/8336671.html
*/ // AMD support
(function (factory) {
"use strict";
if (typeof define === 'function' && define.amd) {
// using AMD; register as anon module
define(['jquery'], factory);
} else {
// no AMD; invoke directly
factory( (typeof(jQuery) != 'undefined') ? jQuery : window.Zepto );
}
} (function($) {
"use strict"; /*
Basic Usage:
----------- Html:
<button type="button" class="btn-copy" data-clipboard-text="Copy Me!">Copy</button>
JS:
$('.btn-copy').copy(); Html:
<div class="input-group">
<input type="text" class="form-control inp-link">
<span class="input-group-btn">
<button class="btn btn-primary btn-copy" type="button">Copy</button>
</span>
</div>
JS:
$('.btn-copy').copy({
copy: function(_this){
return _this.parents('div').find('.inp-link').val();
},
afterCopy: function(res){
if(res==true){
alert('Copied text to clipboard。');
}else{
alert('Copy failed!');
}
}
});
*/ var clipboard_text = ''; function copyTextToClipboard(_this, text) {
var oTa = jQuery('<textarea style="position:fixed;left:0;top:0;z-index:9999999999"></textarea>');
oTa.val(text); _this.after(oTa); oTa.select(); try {
var result = document.execCommand('copy');
oTa.remove();
return result;
} catch (err) {
console.log(err);
return false;
}
} $.fn.copy = function(options) {
if(options===undefined) options = {};
var defaults = {};
defaults.copy = function(_this){
clipboard_text = _this.data('clipboard-text');
return clipboard_text;
}; defaults.afterCopy = function(res, _this){
if(res){
console.log('Copied text to clipboard: ' + clipboard_text);
}else{
console.log('Copy failed!');
}
}; options = $.extend(defaults, options); this.on('click', function(){
clipboard_text = options.copy($(this));
var res = copyTextToClipboard($(this), clipboard_text);
options.afterCopy(res, $(this));
});
}; }));
jquery 复制文本到剪切板插件(非 flash)的更多相关文章
- jquery 一键复制文本到剪切板
<a id="copy" data-clipboard-text="123456">复制文本</a> $(function(){ var ...
- HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题
1.执行以下解决方案条件:(这个是原理) ①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效:(解决方案:将文本通过绝对定位或其他方式移除屏幕外) ②ios中不能复制属 ...
- js兼容安卓和IOS的复制文本到剪切板
1.在做点击按钮复制功能时遇到了小小的卡顿,此处遇到了两种系统手机的兼容性 / 复制后会对文本进行选中 / 输入法弹出 等.现将方法进行总结,如下代码很好对解决了以上问题,适用性强. 2.在文本此处使 ...
- 用clipboard.js实现纯JS复制文本到剪切板
以前很多人都是用ZeroClipboard.js来实现网页复制内容,火端也是用它.ZeroClipboard是利用flash来实现的,ZeroClipboard兼容性很好,但是由于现在越来越多的浏览器 ...
- jquery复制值到剪切板(clipboard.js)
引入一个clipboard.js文件即可使用,下载地址:https://github.com/zenorocha/clipboard.js <script type="text/jav ...
- JQuery复制内容到剪切板-jquery.zclip.js的使用,在公司项目中
公司项目中有一个复制粘贴的内容,也试图找其他插件但都是浏览器兼容问题,在网上找这个插件挺不错的,FLASH,兼容各个浏览器,测试时要在服务器环境下,点击参考,参考这个网址,或者搜下标题这个插件,性能不 ...
- vue 复制文本到剪切板上
1.下载clipboard.js npm install vue-clipboard2 --save 2.引入,可以在mian.js中全局引入也可以在单个vue中引入 import Clipboard ...
- JS复制文本到剪切板
1.首先引入js文件, <script src="dist/clipboard.min.js"></script> 2.初始化 <script typ ...
- Unity3d 复制文字到剪切板及存储图像到相册
游戏中里开发分享功能时用到两个小功能:1.复制一个链接到剪切板供在其他应用粘贴分享使用,2.保存一张二维码图像到相册供发送给其他应用用于分享.但是在unity中无法完成,需要分别开发相应的插件. An ...
随机推荐
- 关于javascrpt if快速判断说明
在js中有如下值能作为if的条件判断: 在js中有6种类型 undefined.null.string.number.boolean和object object是对象类型 它们在逻辑运算符里有对应的 ...
- ErrorProvider控件使用
在Windows应用程序开发中,我们可以通过处理输入控件(如TextBox控件)的Validating事件,对用户的输入进行有效性验证,当用户输入不正确时,可以使用错误提示控件ErrorProvide ...
- Android Custom View系列《圆形菜单一》
前言 自定义view能够做出很多不同寻常的效果,圆形菜单交互效果不错,目前网上有两个版本,虽然比较庞大,但非常值得研究与学习. radial-menu-widget: https://code.goo ...
- 常用包管理三类工具:dpkg、apt和aptitude
常用的包管理包含三类工具:dpkg.apt和aptitude.人们总是对前面的两个工具用得比较多,而对 aptitude 用得比较少,事实上 aptitude 是很强大的. 在这里,对这三个工具做一点 ...
- Resnet小记
ResNet之Deeper Bottleneck Architectures 2016年12月28日 22:17:48 阅读数:2350 去年的时候,微软一帮子人搞了个152层的神经网络!WTF!详情 ...
- linux mongodb数据库的安装
折腾两天, 前领导留下的烂摊子,前天忽然挂掉了, 整个公司就我会linux, 奶奶的, 一言难尽. 下面记录下怎么安装mongodb, 前面是从菜鸟教程复制来的 1. 下载 MongoDB 提供了 l ...
- C++自定义异常类
代码样例: #include <iostream> using namespace std; class illegalParameterValue { public: illegalPa ...
- 【转】【Python】Python正则表达式使用指导
1. 正则表达式基础 1.1. 简单介绍 正则表达式并不是Python的一部分.正则表达式是用于处理字符串的强大工具,拥有自己独特的语法以及一个独立的处理引擎,效率上可能不如str自带的方法,但功能十 ...
- 解密QQ——队列
一.问题引入 小明和小丽同在一个自习室上自习,小明感觉小丽是一个很不错的女孩,于是他鼓足勇气向小丽要QQ号,然而小丽也是个矜持的女孩,当然不会直接告诉他,所以小丽给了小明一串加密过的数字,同时她也告诉 ...
- Java数组排序和插入
如何排序数组并插入元素? 以下示例显示如何使用sort()方法和用户定义的insertElement()方法来完成此任务. package com.yiibai; import java.util.* ...