铁雪资源网 Design By www.gsvan.com
项目中需要实现一个点击按钮复制链接的功能，网上看到的几款插件，ZeroClipboard是通过flash实现的复制功能，随着越来越多的提议废除flash，能不能通过JS来实现复制剪切呢，今天分享一个兼容IE7浏览器复制的插件给大家，支持使用javascript实现复制、剪切和粘贴。
方法。
复制
var copy = new clipBoard(document.getElementById('data'), {
beforeCopy: function() {
},
copy: function() {
return document.getElementById('data').value;
},
afterCopy: function() {
}
});
复制将自动被调用，如果你想要自己调用：
var copy = new clipBoard(document.getElementById('data'));
copy.copyd();
document.getElementById('data') ：要获取的对象, 你也可以使用jQuery $('#data')
剪切
基本上与复制的实现方法相同：
var cut = new clipBoard(document.getElementById('data'), {
beforeCut: function() {
},
cut: function() {
return document.getElementById('data').value;
},
afterCut: function() {
}
});
或者
var cut = new clipBoard(document.getElementById('data'));
cut.cut();
paste
var paste = new clipBoard(document.getElementById('data'), {
beforePaste: function() {
},
paste: function() {
return document.getElementById('data').value;
},
afterPaste: function() {
}
});
或者
var paste = new clipBoard(document.getElementById('data'));
paste.paste();
完整代码：
(function(name, fun) {
if (typeof module !== 'undefined' && module.exports) {
module.exports = fun();
} else if (typeof define === 'function' && define.amd) {
define(fun);
} else {
this[name] = fun();
}
})('clipBoard', function() {
"use strict";
function clipBoard(tar, options) {
this.options = options || {};
this.tar = tar[0] || tar;
// if options contain copy, copy will be applied soon
if (this.options.copy) {
this.copyd();
}
if(this.options.cut) {
this.cut();
}
if(this.options.paste) {
this.paste();
}
}
clipBoard.prototype.copyd = function(value) {
// before the copy it will be called, you can check the value or modify the value
if (this.options.beforeCopy) {
this.options.beforeCopy();
}
// if the options set copy function, the value will be set. then get the paramer value.
// above all, if the value is null, then will be set the tar of value
value = value || this.tar.value || this.tar.innerText;
if (this.options.copy) {
value = this.options.copy();
}
// for modern browser
if (document.execCommand) {
var element = document.createElement('SPAN');
element.textContent = value;
document.body.appendChild(element);
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(element);
window.getSelection().removeAllRanges();
window.getSelection().addRange(range);
}
document.execCommand('copy');
element.remove ? element.remove() : element.removeNode(true);
}
// for ie
if (window.clipboardData) {
window.clipboardData.setData('text', value);
}
// after copy
if (this.options.afterCopy) {
this.options.afterCopy();
}
};
标签：
JavaScript,复制,剪切
铁雪资源网 Design By www.gsvan.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
铁雪资源网 Design By www.gsvan.com
暂无JavaScript实现复制或剪切内容到剪贴板功能的方法的评论...
一口气升级7个大模型SaaS应用，百度智能云：突出一个“开箱即用” - 2024/12/24
这一波大模型产业落地浪潮里，不少企业其实处在 “干瞪眼“的状态。
一种情况是，很多大模型产品看得见却摸不着，在台上一个个遥遥领先——今天Sora技精四座，明天英伟达的机器人又赢得满堂彩，可是到了台下一问：啥时候能用上啊？答曰：遥遥无期。
另一种情况是，企业想用上大模型，却又难免瞻前顾后——既要考虑场景融合，又得兼顾安全性，还要考虑打通现有系统，再加上各种部署成本和繁琐的采购流程……最后只能拂袖：罢了，再等等吧。
这一波大模型产业落地浪潮里，不少企业其实处在 “干瞪眼“的状态。
一种情况是，很多大模型产品看得见却摸不着，在台上一个个遥遥领先——今天Sora技精四座，明天英伟达的机器人又赢得满堂彩，可是到了台下一问：啥时候能用上啊？答曰：遥遥无期。
另一种情况是，企业想用上大模型，却又难免瞻前顾后——既要考虑场景融合，又得兼顾安全性，还要考虑打通现有系统，再加上各种部署成本和繁琐的采购流程……最后只能拂袖：罢了，再等等吧。
稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！
昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？