js实现一键复制到剪切板上_js实现各种复制到剪贴板的方法(分享)
一、实现点击按钮,复制文本框中的的内容
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
用户定义的代码区域
二、复制专题地址和 url 地址,传给 QQ/MSN 上的好友
Js复制代码
function copyToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
}
三、直接复制 url
function copyUrl()
{
var clipBoardContent=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功!");
}
四、点击文本框时,复制文本框里面的内容
function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy")
alert("复制成功!");
}
五、复制文本框或者隐藏域中的内容
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("复制成功!");
}
六、复制 span 标记中的内容
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
alert("复制成功!");
}
七、浏览器兼容 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)
Zero Clipboard Test
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' );
}
复制
以上就是小编为大家带来的js实现各种复制到剪贴板的方法(分享)全部内容了,希望大家多多支持脚本之家~
js实现一键复制到剪切板上_js实现各种复制到剪贴板的方法(分享)相关推荐
- js实现一键复制到剪切板上_js实现各种复制到剪贴板的方法
一.实现点击按钮,复制文本框中的的内容 function copyUrl2() { var Url2=document.getElementById("biao1"); Url2. ...
- js实现一键复制到剪切板上_你的“剪切板”正在被网赚者控制
谈这个话题之前,我们得先了解它们为什么要操控我们得剪切板 答案当然是为了:"羊毛" 这个行业有个专业名字叫做:自动化网赚 有些时候你去查资料,就莫名其妙打开了某宝领了某个小红包.可 ...
- 微信小程序之一键复制到剪切板
最近在开发小程序项目里遇到一个小难题-----一键复制 在网页开发里 我们可以引用大牛封装好的复制插件,比如无flash插件clipboard.js适用移动端,pc端------- 言归正装,打开微信 ...
- clipboard.js 实现动态获取内容并复制到剪切板
一个按钮实现先ajax请求,再实现复制功能: 使用clipboard.js分为以下几个步骤: 1.引入一个clipboard.js的文件: 2.新建一个clipboard对象: 3.点击按钮获取目标对 ...
- Android复制内容到剪切板上
Android复制内容到剪切板上 fun Context.copyToClipboard(label: String, data: String) {getSystemService<Clipb ...
- 关于使用js复制到剪切板的兼容性写法
// 复制到剪切板 async function copyHandler(text) {try{if(navigator.clipboard && window.isSecureCon ...
- 微信小程序复制到剪切板及换行问题
wxml <textarea type="text" v-model="copyContent" placeholder="请输入内容" ...
- Android 复制到剪切板功能
Android 复制到剪切板功能-------------- 1.复制到剪切板会使用ClipboardManager,在SDK版本为11前后使用的包不一样.一个是android.text(已弃用),一 ...
- html数据复制到剪切板
一.原生js指令复制 function copyUtil(info) {var $textArea = $('<textarea></textarea>');$textArea ...
- 7.2 MASS批量修改数据(剪切板上传数据)
7.2 MASS批量修改数据(剪切板上传数据) 步骤1:输入事务码MASS进入 1处,输入需要修改的对象类型(参见对象类型清单) 2处,点击"执行"按钮 步骤2:选择需要修改的表和 ...
最新文章
- .offset().top是什么意思?
- 4)公有成员\私有成员和静态成员
- 打造基于大并发通信技术及大数据技术的O2O系统
- jupyter notebook 安装代码提示功能
- graphpad图片怎么导出矢量图_为何我的文章图片总是不满足杂志社要求?
- 《iOS 6高级开发手册(第4版)》——1.8节使用加速度移动屏幕上的对象
- 38. 遵循按照值传递的原则来设计函数子类
- pyglet: a cross-platform windowing and multimedia
- 腾讯2014在广州站实习生offer经验(TEG-开发背景)
- Javase MINA框架
- 银行卡四元素/四要素校验API,银行卡实名认证接口文档
- 苏轼被贬 康震《唐宋八大家之苏轼》
- Arduino 利用ADS1115 AD转换模块进行数据读取
- Unspeakable joy : rejoicing in early modern England【翻译】
- C语言细看从头|内存清空函数
- [转载]扩展Log4Net中的ILog实现自定义日志字段
- mysql练习-数据查询之嵌套查询
- 2023年国家司法考试报名条件有哪些 非法学可以考吗
- java box类定义三变量_01.类的成员变量:\n设计一个立方体类Box,定义三个属性,分别是长,宽,高。定义二个方法,分别计...
- 用HTML+CSS代码制作3D旋转相册