浏览网页时,常常看到“复制链接”、“复制代码”等按钮,今天也做了一个
1.复制文本框中文本
var clipText = document.getElementById(id).createTextRange();
clipText.execCommand("Copy");
示例代码
<html>
<head>
<title>JS复制</title>
<script type="text/javascript">
function copyText(id) {
var targetText = document.getElementById(id);
try {
var clipText = targetText.createTextRange();
clipText.execCommand("Copy");
alert('复制成功,可以按Ctrl+V粘贴');
} catch(e) {
targetText.focus();//获得焦点
targetText.select();//选中文本
alert('您的浏览器不支持剪贴板复制,\n请按Ctrl+C复制链接。');
}
}
</script>
</head>
<body>
<div>
<input id="shareUrl" value="http://chenfeng0104.iteye.com" style="width:260px;"/>
<input type="button" value="Copy" onclick="copyText('shareUrl');"/>
</div>
</body>
</html>
2.复制当前页面URL
<html>
<head>
<title>JS复制当前URL</title>
<script type="text/javascript">
copyClipboard=function(txt){
if(window.clipboardData){
window.clipboardData.clearData();
window.clipboardData.setData("Text",txt);
}else if(navigator.userAgent.indexOf("Opera")!=-1){
window.location=txt;
}else if(window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}catch(e){
alert("您的firefox安全限制限制您进行剪贴板操作,请打开’about:config’将 signed.applets.codebase_principal_support’设置为true’之后重试,相对路径为firefox根目录 /greprefs/all.js");
return false;
}
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);
}
}
function copyUserHomeToClipBoard(){
var clipBoardContent = document.URL;
var clipBoardTitle = document.title;
if(copyClipboard(clipBoardContent)!=false){
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友!\r\n\r\n内容如下:\r\n"+clipBoardTitle+clipBoardContent);
}
}
</script>
</head>
<body>
<div>
<input type="button" value="Copy" onclick="copyUserHomeToClipBoard();"/>
</div>
</body>
</html>
分享到:
相关推荐
因需求要实现点击复制功能。使用clipboard.js实现页面内容复制到剪贴板。
能批量从excel 文档中复制数据到html页面的格子里 支持各主流浏览器IE8+、firefox、chrome、360浏览器 内有使用示例
js禁止页面复制功能禁用页面右键菜单示例代码.docx
把txt文件中的代码复制到相应的位置就可用了
页面打开自动复制口令 (页面打开用户点击任一位置自动复制口令) 不支持android的qq浏览器 页面打开自动复制口令 页面打开自动复制口令 页面打开自动复制口令
js代码禁用复制功能: 代码如下: [removed] document.body.onselectstart=document.body.oncontextmenu=function(){ return false;} [removed] 注意这段代码必须放在body元素后面,放在前面或者放在head里面都不起...
<script type="text/javascript"> $(function(){ $("#copy").zclip({ path: "${basePath}/js/bbs/invite/...<script type="text/javascript" src="${basePath}/js/bbs/invite/jquery.zclip.min.js"></script>
在大量的网站都有这样的功能,当点击一个按钮的时候可以复制当前页面的地址,以此可以方便网站用户对链接的存储,同时也便于网站的推广,下面就结合实例介绍一下如何实现此功能: <!DOCTYPE html> <html>...
js禁止右键 禁止复制代码 js禁止右键 禁止复制代码 js禁止右键 禁止复制代码
1 能批量从excel 文档中复制数据到html页面的格子里 2 支持各主流浏览器IE8+、firefox、chrome、360浏览器 3 内有简单使用示例
实现思路: 1、在页面加载完成之后,使用js给每个pre标签增加一个按钮“复制代码” 2、给按钮增加点击事件,点击事件的功能就是复制代码块的内容 实现代码: css部分,btn-pre-copy是pre标签中使用js增加的...
NULL 博文链接:https://yuxisanren.iteye.com/blog/2014530
然后把在你要使用复制功能的页面中引入Zero Clipboard的js文件:ZeroClipboard.js 如下代码: [removed][removed] 注意:以上 ZeroClipboard.js, ZeroClipboard.swf需要放在同一路径下。如果不在同一路径,可使用...
html中js点击一键复制功能,兼容各大浏览器,用了class,调用简单,一个页面可以有多个地方调用
这个是实现复制页面文字自动添加本页网址的例子。
项目要求可以复制excel中的数据,然后粘贴到页面table中,网上很多插件,这个也是参考别人的插件,自己整理的,仅供参考
Javascript语言通过canvas实现复制图片,Javascript语言通过canvas实现复制图片
等待接单页面模板-VUE模板 布局、样式、JS分离 正努力接单,稍后将短信通知您接单结果 你本次消费的◎金积分次日到账 查看订单 1.解压,打开复制pages/wait和static\wait到对应的地方 2.在pages.json中添加 { ...
在页面利用js实现将文字复制到剪切板
本文实例讲述了JS实现屏蔽网页右键复制及ctrl+c复制的方法。分享给大家供大家参考,具体如下: 老是有些网站会屏蔽你的鼠标右键或者用快捷键复制,其实只是一段js代码,解决的方法就是直接把网页保存下来然后删掉...