JS 点击复制Copy (share)

简介:

分享自:

 

1.实现点击按钮,复制文本框中的的内容

复制代码
复制代码
 1 
10 用户定义的代码区域
11 
复制代码
复制代码

2.复制专题地址和 url 地址,传给 QQ/MSN 上的好友

复制代码
复制代码
 1 
 2 
3 4 5 6 7 8

9 10

复制代码
复制代码

3.直接复制 url

复制代码
复制代码
1 
2 
复制代码
复制代码

4.点击文本框时,复制文本框里面的内容

复制代码
复制代码
1 
2 
复制代码
复制代码

5.复制文本框或者隐藏域中的内容

复制代码
复制代码
 1 
复制代码
复制代码

6.复制 span 标记中的内容

复制代码
复制代码
 1 
 3 
4
5
复制代码
复制代码

 7.浏览器兼容  copyToClipboard("拷贝内容")

复制代码
复制代码
 1  function copyToClipboard(txt) {
 2             if (window.clipboardData) {
 3                 window.clipboardData.clearData();
 4                 clipboardData.setData("Text", txt);
 5                 alert("复制成功!");
 6 
 7             } else if (navigator.userAgent.indexOf("Opera") != -1) {
 8                 window.location = txt;
 9             } else if (window.netscape) {
10                 try {
11                     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
12                 } catch (e) {
13                     alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");
14                 }
15                 var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
16                 if (!clip)
17                     return;
18                 var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
19                 if (!trans)
20                     return;
21                 trans.addDataFlavor("text/unicode");
22                 var str = new Object();
23                 var len = new Object();
24                 var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
25                 var copytext = txt;
26                 str.data = copytext;
27                 trans.setTransferData("text/unicode", str, copytext.length * 2);
28                 var clipid = Components.interfaces.nsIClipboard;
29                 if (!clip)
30                     return false;
31                 clip.setData(trans, null, clipid.kGlobalClipboard);
32                 alert("复制成功!");
33             }
34         }
复制代码
复制代码

 本文转自挨踢前端博客园博客,原文链接http://www.cnblogs.com/duanhuajian/p/3480831.html如需转载请自行联系原作者


@挨踢前端

相关文章
|
8月前
|
JavaScript 前端开发
js实现点击音频实现播放功能
js实现点击音频实现播放功能
|
2月前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
102 10
|
4月前
|
JavaScript 前端开发
JS判断点击是单击还是双击
如何使用JavaScript判断用户点击是单击还是双击。
47 0
|
5月前
|
JavaScript 前端开发 Java
JavaScript内存泄露大揭秘!你的应用为何频频“爆内存”?点击解锁救星秘籍!
【8月更文挑战第23天】在Web前端开发中,JavaScript是构建动态网页的关键技术。然而,随着应用复杂度增加,内存管理变得至关重要。本文探讨了JavaScript中常见的内存泄露原因,包括意外的全局变量、不当使用的闭包、未清除的定时器、未清理的DOM元素引用及第三方库引发的内存泄露。通过了解这些问题并采取相应措施,开发者可以有效避免内存泄露,提高应用性能。
72 1
|
5月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
31 1
|
5月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
25 1
|
5月前
|
JavaScript 前端开发
js点击抽奖符合条件触发点击次数
js点击抽奖符合条件触发点击次数
38 1
|
5月前
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
|
7月前
|
JavaScript 定位技术 API
Js地图路线规划以及点击获取经纬度
Js地图路线规划以及点击获取经纬度
|
7月前
|
JavaScript
JS图表生成以及点击修改图表样式
JS图表生成以及点击修改图表样式