复制代码 代码如下:
验证码:<input type="text" id="code"/> <input type="button" value="复制" onclick="fuzhi()">
<script type="text/javascript">
function fuzhi(){
var codeVal=jQuery("#code").val();
alert(codeVal);
if (navigator.userAgent.toLowerCase().indexOf('ie') > -1) { //IE浏览器
clipboardData.setData('Text', codeVal);
alert("已经复制到剪切板");
} else {
prompt("请复制:", codeVal);
}
// window.clipboardData.setData("Text",jQuery("#code").val());
}
</script>
最近都没有什心情去写博文，主要因为心烦的事情渐渐多起来了。
哎！离题了，回到这篇文章了。说到使用js实现点击复制的功能，我下面想说的方法也是和网上的大同小异的。js实现是很简单，最难的是兼容问题，毕竟用IE以外的人还是有很多的。这里，我也是根据网上的相关资源总结一下方法。
方法一，逐一判别处理法
方法很简单也很容易懂，就是通过判断客户端浏览器类别，来执行不同的js代码来实现复制功能。虽然从理论上来说，这样是行得通得。但是，事实并没有我们想得那么容易。因为我们并不太清楚一些浏览器下js复制代码的写法，至少我所知道的也就是IE和FF。
如果只是兼容IE和FF的话，那么简单得多了。这里我使用一个网上比较有名的判断IE核的方法，13字节法，这个也是我常用的。
复制代码 代码如下:
if("\v"=="v") {//13个字节
//这里是IE核，执行的代码，亲测兼容IE8
}else{
//非IE核执行代码
}
这里我写个大概的实现复制的构架，具体代码我不粘上来的，网上可以很简单就找到，给大家参考
复制代码 代码如下:
function clipBoard(object){
//获取object的值，即复制内容
var copyTxt=document.getElementById(object).value;
//调用copy2Clipboar来实现浏览器，判断及执行代码
if(copy2Clipboard(copyTxt)!= false){
alert('复制成功');
}
}
copy2Clipboard = function(txt){
if("\v"=="v"){
//IE浏览器执行代码
window.clipboardData.clearData();
window.clipboardData.setData("Text",txt);
return true;
}else if(navigator.userAgent.indexOf("Firefox")>0){
//Firefox浏览器
return true;
}else if(window.google && window.chrome){
//chrome浏览器
return true;
}else{
alert("浏览器不支持");
return false;
}
}
根据需要可以自行添加不同的判断浏览器代码，实现该浏览器下的复制功能。一般情况下，根据IE > FF > opera/chrome>其他，这样的顺序进行判断。
方法二，flash间接处理法
原理很简单，通过创建一个flash，将复制的内容以变量的方式传递给flash，flash再将内容复制到内存中，这样就实现了复制的功能。只要支持flash，按理上是可以兼容绝大部分的浏览器的,这个方法是我今天看到的，也测试验证了。
安装及使用方法，可以在上面两个网址上找到，E文版，中文版只有通过搜索去找咯！
这里我提供一下实现框架的简单版，这里有用到上面的实现方式。这里有修改的，根据官方版说明方法，在单页面很容易就能实现该功能，但是在实际应用到某些CMS中，可能会遇到一些问题。什么问题呢？IE核页面会弹出 “该页面已终止”。原因很简单，就是js加载未完成就调用。竟然是IE的问题，那么我们就可以使用判断IE的方法，将IE独立出来，其他核就使用flash方法实现。
复制代码 代码如下:
function checkClient(object){//判断浏览器
var copyTxt=document.getElementById(object).value; //获取复制的内容
if("v"!="v"){
//这里根据官方文档设置
//这里设置flash位置，绝对相对都可以
ZeroClipboard.setMoviePath('ZeroClipboard.swf');
//创建一个复制对象
var clip = new ZeroClipboard.Client();
//设置手形
clip.setHandCursor(true);
//设置复制的内容
clip.setText(copyTxt);
//设置触发对象
>clip.glue('d_clip_button');
}
}
这里用于判断是否为IE核，IE核将不使用flash处理法，直接使用复制机制
复制代码 代码如下:
//复制处理
function clipBoard(object){
var copyTxt=document.getElementById(object).value;
if(copy2Clipboard(copyTxt)!= false){
alert('复制成功');
}
}
copy2Clipboard = function(txt){
if("\v"=="v") { //判断是否是IE浏览器
window.clipboardData.clearData();
window.clipboardData.setData("Text",txt);
return true;
}
else{ //非IE核直接返回
return true;
}
以上为第二种方法的最简单设置方法，将代码放到<head></head>之间即可不管是第一种，还是第二种方法都要在需要复制的页面上添加下面两行代码
设置复制内容的文本域
复制代码 代码如下:
<input type="text" id="textinfo"
onmouseout="checkClient('textinfo')" value="复制的内容" size="65"/>
设置触发对象按钮
复制代码 代码如下:
<div id="d_clip_button" onclick="copyCode('textinfo')">复制地址</div>
这是第二种方法才要添加的，设置检测浏览器
复制代码 代码如下:
<script>checkClient('textinfo');</script>
写到这里，大概的步骤就是这样了，其中还有些id的名称可以按需要修改。至少完整代码，可以参考官方的demo。
累了。
验证码:<input type="text" id="code"/> <input type="button" value="复制" onclick="fuzhi()">
<script type="text/javascript">
function fuzhi(){
var codeVal=jQuery("#code").val();
alert(codeVal);
if (navigator.userAgent.toLowerCase().indexOf('ie') > -1) { //IE浏览器
clipboardData.setData('Text', codeVal);
alert("已经复制到剪切板");
} else {
prompt("请复制:", codeVal);
}
// window.clipboardData.setData("Text",jQuery("#code").val());
}
</script>
最近都没有什心情去写博文，主要因为心烦的事情渐渐多起来了。
哎！离题了，回到这篇文章了。说到使用js实现点击复制的功能，我下面想说的方法也是和网上的大同小异的。js实现是很简单，最难的是兼容问题，毕竟用IE以外的人还是有很多的。这里，我也是根据网上的相关资源总结一下方法。
方法一，逐一判别处理法
方法很简单也很容易懂，就是通过判断客户端浏览器类别，来执行不同的js代码来实现复制功能。虽然从理论上来说，这样是行得通得。但是，事实并没有我们想得那么容易。因为我们并不太清楚一些浏览器下js复制代码的写法，至少我所知道的也就是IE和FF。
如果只是兼容IE和FF的话，那么简单得多了。这里我使用一个网上比较有名的判断IE核的方法，13字节法，这个也是我常用的。
复制代码 代码如下:
if("\v"=="v") {//13个字节
//这里是IE核，执行的代码，亲测兼容IE8
}else{
//非IE核执行代码
}
这里我写个大概的实现复制的构架，具体代码我不粘上来的，网上可以很简单就找到，给大家参考
复制代码 代码如下:
function clipBoard(object){
//获取object的值，即复制内容
var copyTxt=document.getElementById(object).value;
//调用copy2Clipboar来实现浏览器，判断及执行代码
if(copy2Clipboard(copyTxt)!= false){
alert('复制成功');
}
}
copy2Clipboard = function(txt){
if("\v"=="v"){
//IE浏览器执行代码
window.clipboardData.clearData();
window.clipboardData.setData("Text",txt);
return true;
}else if(navigator.userAgent.indexOf("Firefox")>0){
//Firefox浏览器
return true;
}else if(window.google && window.chrome){
//chrome浏览器
return true;
}else{
alert("浏览器不支持");
return false;
}
}
根据需要可以自行添加不同的判断浏览器代码，实现该浏览器下的复制功能。一般情况下，根据IE > FF > opera/chrome>其他，这样的顺序进行判断。
方法二，flash间接处理法
原理很简单，通过创建一个flash，将复制的内容以变量的方式传递给flash，flash再将内容复制到内存中，这样就实现了复制的功能。只要支持flash，按理上是可以兼容绝大部分的浏览器的,这个方法是我今天看到的，也测试验证了。
安装及使用方法，可以在上面两个网址上找到，E文版，中文版只有通过搜索去找咯！
这里我提供一下实现框架的简单版，这里有用到上面的实现方式。这里有修改的，根据官方版说明方法，在单页面很容易就能实现该功能，但是在实际应用到某些CMS中，可能会遇到一些问题。什么问题呢？IE核页面会弹出 “该页面已终止”。原因很简单，就是js加载未完成就调用。竟然是IE的问题，那么我们就可以使用判断IE的方法，将IE独立出来，其他核就使用flash方法实现。
复制代码 代码如下:
function checkClient(object){//判断浏览器
var copyTxt=document.getElementById(object).value; //获取复制的内容
if("v"!="v"){
//这里根据官方文档设置
//这里设置flash位置，绝对相对都可以
ZeroClipboard.setMoviePath('ZeroClipboard.swf');
//创建一个复制对象
var clip = new ZeroClipboard.Client();
//设置手形
clip.setHandCursor(true);
//设置复制的内容
clip.setText(copyTxt);
//设置触发对象
>clip.glue('d_clip_button');
}
}
这里用于判断是否为IE核，IE核将不使用flash处理法，直接使用复制机制
复制代码 代码如下:
//复制处理
function clipBoard(object){
var copyTxt=document.getElementById(object).value;
if(copy2Clipboard(copyTxt)!= false){
alert('复制成功');
}
}
copy2Clipboard = function(txt){
if("\v"=="v") { //判断是否是IE浏览器
window.clipboardData.clearData();
window.clipboardData.setData("Text",txt);
return true;
}
else{ //非IE核直接返回
return true;
}
以上为第二种方法的最简单设置方法，将代码放到<head></head>之间即可不管是第一种，还是第二种方法都要在需要复制的页面上添加下面两行代码
设置复制内容的文本域
复制代码 代码如下:
<input type="text" id="textinfo"
onmouseout="checkClient('textinfo')" value="复制的内容" size="65"/>
设置触发对象按钮
复制代码 代码如下:
<div id="d_clip_button" onclick="copyCode('textinfo')">复制地址</div>
这是第二种方法才要添加的，设置检测浏览器
复制代码 代码如下:
<script>checkClient('textinfo');</script>
写到这里，大概的步骤就是这样了，其中还有些id的名称可以按需要修改。至少完整代码，可以参考官方的demo。
累了。
标签：
javaScript复制,调用
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“javaScript复制功能调用实现方案”评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。