网页中复制代码的功能（jscopy） 如何制作网页(代码复制)

最新推荐文章于 2022-04-27 19:25:38 发布
最新推荐文章于 2022-04-27 19:25:38 发布
阅读量4.6k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyu67/article/details/40181899
版权
<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function copyCode(id){
var testCode=document.getElementById(id).value;
if(copy2Clipboard(testCode)!=false){
alert("生成的代码已经复制到粘贴板，你可以使用Ctrl+V 贴到需要的地方去了哦！ ");
}
}
copy2Clipboard=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);
}
}
</script>
<div>
[<input name="" type="button" value="复制" οnclick="copyCode('txtTestCode1')" />]
<br>
<textarea rows=2 id="txtTestCode1" style="width:500px;font-family: Verdana, Arial;font-

size:12px;height:55px;border:1px solid #999999;">复制内容1</textarea>
</div>
</body>
</html>

zyu67
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 实现复制到粘贴板的功能代码
01-21
他主要有两个参数：第一个是设置要复制的是一段文本，第二个参数是要复制具体的内容，这个内容可以从文本框中或使用innerHTML获取。 简单的实例代码： 代码如下: [removed] function copyData() { var copyText = document.getElementById(“ctl00_cpRight_txtUrl”).value; window.clipboardData.setData(“Text”,copyText); } [removed] <asp:TextBox ID=”txtUrl” runat=”s
点击进行复制的JS代码实例
12-11
代码如下:function copy_clip() { var url = $(“#back_info”).html(); //需要复制的内容 var txt = url.substring(url.indexOf(“:”) + 1, url.length); if (window.clipboardData) { window.clipboardData....
复制粘贴修改代码快快快，你需要知道的一些按键
TA远方
11-27 3955
新来的，学习计算机，肯定有接触过编程文档的，打打字，复制，粘贴基本掌握了，当时以为这么操作就很快是吧，打字快是吧，于是就不去再考虑了。 你不知道的是，还有更快的，再编程模式下，请看： 点击 Home 键，可将 光标 位置移到 行首； 点击 End 键，可将 光标 位置移到 行尾； 当 光标 位置在 行首 时，按组合键 Shift + End ，可以选择 整行； 当 光标 位置在 行尾 时，按组合键 Shift + Home，可以选择 整行； 当 光标 位置在 行中 时，按组合键 Shift +
如何在网页中实现快速地粘贴复制代码
ma451152002的专栏
10-16 7457
下面的代码： int main(){ return 0; } 以后都是通过文档编辑框上面的插入代码工具按钮实现的。
js实现网页点击复制（可用于h5点击复制等）
小星落
12-14 2048
var input1 = document.createElement("input"); // 直接构建input input1.value = "内容内容内容内容"; // 设置内容 document.body.appendChild(input1) input1.select(); // 选择实例内容 document.execCommand("Copy"); // 执行复制 document.body.removeChild(input1); // 删除临时实例..
四个复制就能用的炫酷网页特效
Debug的博客
04-27 2798
第一个：炫酷星空 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>运营系统登录页</title> <link href="static/css/login.css" rel="stylesheet" type="text/css"> <script
一键复制php代码,html5页面如何实现点击复制的功能 （完整代码）
weixin_29432775的博客
03-10 1453
本篇文章给大家带来的内容是关于html5页面如何实现点击复制的功能 (完整代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在实际工作中，有时候会遇到这样的需求，页面上有一个链接，不需要选中链接内容，只需要点击复制按钮，就可以把链接内容复制到剪切板。这时候可以使用clipboard插件来实现。以下是一个简单的demo。首先可以通过npm install clipboard --...
复制网页上的代码的一个小技巧
热门推荐
复制网页上的代码的一个小技巧
09-11 2万+
作为一个程序员的学习者，经常需要多学习别人的成果，再拿来运行一下，看到有结果出来，那一刻内心是高兴的，仿佛看到了希望。        但有时候网页上的代码复制到编译器上编译运行报了一堆错误，而看着代码好像完全没问题啊！！这是怎么回事呢。        这是因为代码格式出了问题，常见的C代码格式是 Unicode(UTF-8)，而中文网页会出现一些编译器无法识别的符号，而且看不见。有时候我们知道
按钮JS复制文本框和表格的代码
12-09
点击按钮，通过JS代码实现复制INPUT表单： 代码如下: [removed] function copyinput() { var input=document.getElementById(“inputid”);//input的ID值 input.select(); //选择对象 document.execCommand(“Copy...
js复制内容到剪贴板代码,js复制代码的简单实例
11-30
function jsCopy(){ var e=document.getElementById("contents");//对象是contents e.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制命令 } [removed] <textarea id="contents" cols...
拷贝网页文字（含源代码）
10-25
遇见网页文字无法复制，可将网页文字下载到本机
html中js点击一键复制功能，兼容各大浏览器
11-14
html中js点击一键复制功能，兼容各大浏览器，用了class，调用简单，一个页面可以有多个地方调用
复制本贴标题和地址的js代码
12-11
<INPUT name=”button” type=”button” class=”...”cRed f12″ id> [removed] function copyurl() { var clipBoardContent=”复制本贴标题和地址，发给QQ|Msn上的好友的代码 \r\n”; strHref = w
js实现一键复制功能
12-08
目前能够实现复制功能的方法有以下几种： execCommand(“copy”); clipboardData; ZeroClipboard.js 1.execCommand:是doucment对象的方法,可以实现浏览器菜单的很多功能，如保存文件，打开新文件，撤销，复制，...
表单提交时自动复制内容到剪贴板的js代码
01-19
[removed] /*功能:提交时自动复制到剪贴板 */ function copyText(obj) { ie = (document.all)? true:false if (ie){ var rng = document.body.createTextRange(); rng.moveToElementText(o
js实现点击按钮复制文本功能
12-09
浏览器提供了 copy 命令 ，可以复制选中的内容 document.execCommand("copy") 如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板 但是 select() 方法只对 <...
js实现复制功能(多种方法集合)
11-29
1.实现点击按钮，复制文本框中的的内容 [removed] function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert&#...
js替代copy(示例代码)
12-09
“生成的代码已经复制到粘贴板，你可以使用Ctrl+V 贴到需要的地方去了哦！ “);}}copy2Clipboard=function(txt){if(window.clipboardData){window.clipboardData.clearData();window.clipboardData.s
如何在vue中实现网页文字复制功能
最新发布
05-31
在Vue中实现网页文字复制功能可以使用clipboard.js库。该库是一个轻量级的JavaScript库，简化了复制到剪贴板的复杂操作。 首先，需要使用npm安装clipboard.js库： ``` npm install clipboard --save ``` 然后在Vue组件中引入clipboard.js库： ``` import Clipboard from 'clipboard' ``` 在组件的mounted函数中，初始化Clipboard实例并添加事件监听： ``` mounted() { const clipboard = new Clipboard('.copy-btn') clipboard.on('success', (e) => { console.log('copy success:', e.text) }) clipboard.on('error', (e) => { console.log('copy error:', e.action) }) } ``` 在模板中添加一个复制按钮，并设置其data-clipboard-text属性为需要复制的文字： ``` <button class="copy-btn" data-clipboard-text="需要复制的文字">复制</button> ``` 这样点击复制按钮就可以将文字复制到剪贴板中了。如果需要在复制成功或失败后进行一些操作，可以在事件监听中添加相应的代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值