JS实现各种复制到剪贴板
一、实现点击按钮,复制文本框中的的内容
< script type = "text/javascript" >
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</ script >
< textarea cols = "20" rows = "10" id = "biao1" >用户定义的代码区域</ textarea >
< input type = "button" onClick = "copyUrl2()" value = "点击复制代码" />
|
二、复制专题地址和 url 地址,传给 QQ/MSN 上的好友
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=gb2312" />
< title >Js复制代码</ title >
</ head >
< body >
< p >
< input type = "button" name = "anniu1" onClick = 'copyToClipBoard()' value = "复制专题地址和url地址,传给QQ/MSN上的好友" >
< script language = "javascript" >
function copyToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
</ script >
|
三、直接复制 url
< input type = "button" name = "anniu2" onClick = 'copyUrl()' value = "复制URL地址" > script language = "javascript" >
function copyUrl()
{
var clipBoardContent=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功!");
}
</ script >
|
四、点击文本框时,复制文本框里面的内容
< input onclick = "oCopy(this)" value = "你好.要copy的内容!" >
< script language = "javascript" >
function oCopy(obj){
js=obj.createTextRange();
js.execCommand("Copy")
}
</ script >
|
五、复制文本框或者隐藏域中的内容
< script language = "javascript" >
function CopyUrl(target){
target.value=myimg.value;
target.select();
js=myimg.createTextRange();
js.execCommand("Copy");
alert("复制成功!");
}
function AddImg(target){
target.value="[IMG]"+myimg.value+"[/ img]";
target.select();
js=target.createTextRange();
js.execCommand("Copy");
alert("复制成功!");
}
</ script >
|
六、复制 span 标记中的内容
< script type = "text/javascript" >
</ script >
< br />
< br />
< script type = "text/javascript" >function copyText(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
alert("复制成功!");
}
</ script >
|
七、浏览器兼容 copyToClipboard("拷贝内容")
function copyToClipboard(txt) {
if (window.clipboardData) {
window.clipboardData.clearData();
clipboardData.setData( "Text" , txt);
alert( "复制成功!" );
} else if (navigator.userAgent.indexOf( "Opera" ) != -1) {
window.location = txt;
} else if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect" );
} catch (e) {
alert( "被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'" );
}
var clip = Components.classes[ '@mozilla.org/widget/clipboard;1' ].createInstance(Components.interfaces.nsIClipboard);
if (!clip)
return ;
var trans = Components.classes[ '@mozilla.org/widget/transferable;1' ].createInstance(Components.interfaces.nsITransferable);
if (!trans)
return ;
trans.addDataFlavor( "text/unicode" );
var str = new Object();
var len = new Object();
var str = Components.classes[ "@mozilla.org/supports-string;1" ].createInstance(Components.interfaces.nsISupportsString);
var copytext = txt;
str.data = copytext;
trans.setTransferData( "text/unicode" , str, copytext.length * 2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return false ;
clip.setData(trans, null , clipid.kGlobalClipboard);
alert( "复制成功!" );
}
}
|
八、兼容各大浏览器的复制代码(结合ZeroClipboard.js)
< html >
< head >
< title >Zero Clipboard Test</ title >
< script type = "text/javascript" src = "ZeroClipboard.js" ></ script >
< script language = "JavaScript" >
var clip = null;
function $(id) { return document.getElementById(id); }
function init() {
clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
clip.addEventListener('mouseOver', function (client) {
// update the text on mouse over
clip.setText( $('fe_text').value );
});
clip.addEventListener('complete', function (client, text) {
//debugstr("Copied text to clipboard: " + text );
alert("该地址已经复制,你可以使用Ctrl+V 粘贴。");
});
clip.glue('clip_button', 'clip_container' );
}
</ script >
</ head >
< body onLoad = "init()" >
< input id = "fe_text" cols = 50 rows = 5 value=复制内容文本1 >
< span id = "clip_container" >< span id = "clip_button" >< b >复制</ b ></ span ></ span >
</ body >
</ html
|
JS实现各种复制到剪贴板相关推荐
- html5 复制到剪贴板 兼容,js/jQuery实现复制到剪贴板功能,兼容所有浏览器
因为工作的原因,需要实现这样一个功能:点击按钮,复制文本内容. 百度了一下,大都语焉不详,最终找到了一篇很好的博文,有讲解,有实例,捣鼓了一会,最终实现了功能. 网址在这里http://www.cnb ...
- 【转】js实现复制到剪贴板功能,兼容所有浏览器
2019独角兽企业重金招聘Python工程师标准>>> 两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家 ...
- js实现一键复制到剪切板上_js实现各种复制到剪贴板的方法
一.实现点击按钮,复制文本框中的的内容 function copyUrl2() { var Url2=document.getElementById("biao1"); Url2. ...
- html5 复制到剪贴板 兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
- JS 将指定内容复制到剪贴板
除了使用一些插件(vue-clipboard2等等)来完成这个功能,其实使用原生JS就可以实现了: const data = 'xxx' // 需要复制到剪贴板的内容 const input = do ...
- 移动端js实现点击复制到剪贴板,【真正】兼容所有浏览器uc、qq、微信、手机自带等浏览器...
移动端js实现点击复制到剪贴板,带提示,[真正]兼容所有浏览器,包括安卓和ios及uc.qq.微信.手机自带等浏览器. github,欢迎star: https://github.com/majian ...
- 复制链接到safari浏览器打开_JS实现复制到剪贴板(兼容FF/Chrome/Safari所有浏览器)...
现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏 ...
- 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Fla ...
- 移动端实现复制到剪贴板
实现复制到剪贴板,用js来实现这个功能,开始的时候只搜索到一个用jquery插件zclip实现的方法,但是这个方法要用的flash,移动端浏览器基本都不支持flash,所以要在移动端实现用这个方法就不 ...
最新文章
- jquery选择器 之 获取父级元素、同级元素、子元素
- 基于element-ui实现table可配置化
- php生日计算年龄,php根据生日计算年龄的方法
- 显示所有大写字母python_python 输出所有大小写字母的方法
- java通讯录工程_JAVA通讯录管理小项目
- 时序分析基本概念介绍——时钟sdc
- 地图不显示_图灵搜不显示地图,软件打开一片空白,怎么解决?
- 新年新气象[xgluxv]
- iOS不完美越狱手机doubleH3lix无法打开解决方法
- 怎么用spss做冗余分析_利用SPSS进行相关分析(第八章)概述.ppt
- 利用1stOpt进行logistic函数非线性拟合
- Photoshop学习(十六):利用蒙版合成图像
- 人月神话之四 贯彻执行、为什么巴比伦塔会失败
- ORACEL R12 总账和子账的关系
- 每日下载次数限制php,织梦实现会员限制用户单日下载软件资源的上限方法
- 【报告分享】轻食餐饮发展指南——从入门到可持续经营-美团(附下载)
- 抽象基类与接口,共性与个性的选择
- App 瘦身的七种方法
- 我的内存怎么不够用了?
- java 校验ipv6_基于Java检查IPv6地址的合法性
热门文章
- OpenGL 本机MSAA的实例
- OpenGL Single Point单点移动三角形的实例
- C++Strand Sort链排序的实现算法(附完整源码)
- C++中4种强制类型转换 ?
- QT的QWGLNativeContext类的使用
- C++不同文件中相同变量的共享
- shell在指定目录下执行nohup_nohup:关闭shell程序依然执行
- guibuilder 皮肤_和平精英返场皮肤投票排名介绍-返场皮肤哪个好
- sqlplus连接远程数据库
- Python基础概念_12_编程风格