js复制功能的有效方法总结

一，用js原生的document.execCommand()

function copy(){    var Url2=document.getElementById("xjh");    Url2.select();    try{        if(document.execCommand('copy', true, null)){            document.execCommand("Copy");            alert("已复制好，可贴粘。");        } else{            alert("复制失败，请手动复制");        }    } catch(err){        alert("复制失败，请手动复制");    }}

兼容性：测试过，兼容IE8以上，谷歌43以上也支持。

二,用jquery插件

jquery.zclip.min.js的用法

jquery.zclip.min.js的作用可用jquery的插件：zclip解决js复制在不同浏览器的支持度。但是前提需要安装flash。

首先的引用jquery包

//网上可以查找下载包

$(function(){

$('#copy_input').zclip({

path: 'js/ZeroClipboard.swf', //swf文件不能掉，注意：是下载的swf文件。

copy: function(){//复制内容

return $('#mytext').val();

afterCopy: function(){//复制成功

$("<span id='msg'/>").insertAfter($('#copy_input')).text('复制成功');

}

});

});
如果是复制的内容来自输入框input、textarea等，copy对象使用：

调用方法：

copy: function(){

return $('#mytext').val();

}

//如果是复制的内容来自页面元素div、p之类的，copy对象使用：
代码如下

copy: $('#mytext').text();

转载于:https://www.cnblogs.com/LGDD/p/8242429.html

js复制功能的有效方法总结相关推荐

js复制功能的有效方法总结新
一,用js原生的document.execCommand() function copy(){ var Url2=document.getElementById("xjh"); U ...
pHp封装成vue,vue.js生成条形码的方法
本文主要和大家分享vue.js生成条形码的方法,主要以代码的形式和大家分享,希望能帮助到大家. 1.下载插件npm install @xkeshi/vue-barcode //下载条形码插件 2.在m ...
js mysql替换_JavaScript_js使用正则实现ReplaceAll全部替换的方法，JS 字符串有replace() 方法。但这 - phpStudy...
js使用正则实现ReplaceAll全部替换的方法 JS 字符串有replace() 方法.但这个方法只会对匹配到的第一个字串替换. 如下例: New Document var str = " ...
两种 js下载文件的方法(转)
2019独角兽企业重金招聘Python工程师标准>>> 两种 js下载文件的方法(转) functionDownURL(strRemoteURL, strLocalURL){try{ ...
jQuery避免$符和其他JS库冲突的方法对比
jQuery避免$符和其他JS库冲突的方法对比 1.如果jquery库在第三方库之后引用.这个时候jquery库会占用$. 解决办法:剔除$符号的使用权. <script type=" ...
jQuery调用其他JS文件中的方法
一个JSP页面中,可以引入多个JS文件当需要调用某个JS文件中的方法时,可以这么写首先在该页面中引入调用的JS文件 <script src="${ctx}/static/js/a ...
js中text方法是啥意识_一盏茶的时间，快速捕获JS中常用的方法（细心整理，持续更新ing）...
不知不觉上班一周辽-趁着大好周末,小编挣扎着从床上爬起来,决定对前端日常编程中常用到的一些方法做一个系统的整合. 有些人或许会觉得忘了百度就完事儿,no no no!这事儿小编真的亲践过好多次,百度一 ...
Android和JS之间互相调用方法并传递参数
场景 Android中使用WebView加载本地html并支持运行JS代码和支持缩放: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
封装getByClass（JS获取class的方法封装为一个函数）
JS获取class的方法一: 普通版: <script type="text/javascript"> function getByClass(oParent, sCl ...
JS中通过call方法实现继承
JS中通过call方法实现继承原文:JS中通过call方法实现继承讲解都写在注释里面了,有不对的地方请拍砖,谢谢! <html xmlns="http://www.w3.org/1 ...

js复制功能的有效方法总结

js复制功能的有效方法总结相关推荐

最新文章

热门文章