js 内容复制到剪贴板方法总结
来源:互联网 发布:淘宝可以扫码支付吗 编辑:程序博客网 时间:2024/04/29 05:24
我们经常会看到很多的网站复制他们的内容就在内容中加上了他们的版本或连接地址了,下面我来给大家总结各种内容复制到剪贴板方法.
在js中有一个clipboardData.setData(sDataFormat, sData)函数可以实现
代码如下复制代码clipboardData.setData("text",www.111cn.net)
<a href="#" onclick=javascript:clipboardData.setData("text","www.111cn.net")>
单击当前链接文本表示复制了内容到本地剪贴板,只需在【Ctrl】+【V】就能显示出定义的内容
</a>
如何获得“拷贝的选择内容”,这就需要使用到 document.selection.createRange() 方法
代码如下复制代码<script type="text/javascript">
document.body.oncopy=function(){
event.returnValue=false;
var t=document.selection.createRange().text;
var s="有关单击按钮将内容复制到剪贴板的原文内容地址: "+location.href;
clipboardData.setData('Text',t+'rnrn'+s+'rn');
}
</script>
上面的方法可以使用在ie,ff中但是有时在一些浏览器会不兼容哦,下面我来介绍一个比较好的解决办法
Zero Clipboard,利用这个js库可以支持利用flash 10 实现复制到剪贴板。这个方法原理是在一个透明的flash(对用户来说是不可见的)上覆盖一个dom元素比如button或div,当点击这个dom时,实际点击的是flash,从而访问flash的剪贴板。
代码如下复制代码<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>
0 0
- js 内容复制到剪贴板方法总结
- js复制内容到剪贴板
- JS复制内容到剪贴板
- js 复制文本框内容到剪贴板
- 用js将内容复制到剪贴板
- js 实现复制内容到剪贴板
- clipboard.js实现内容复制到剪贴板
- 复制内容到剪贴板
- js复制内容到剪贴板代码,js复制代码
- js复制内容到剪贴板代码,js复制代码
- js复制到剪贴板
- JS 复制到剪贴板
- js复制到剪贴板
- js 复制内容到剪贴板(兼容IE,Firefox)
- 复制内容到剪贴板,JS以及Flash的实现
- js 将指定的内容复制到剪贴板中
- 使用clipboard.js实现页面内容复制到剪贴板
- ZeroClipboard.js复制内容到剪贴板(跨浏览器)
- 广西南宁便秘切除多少钱
- 广西南宁便秘图片什么样子
- 广西南宁混合痔怎么治疗能除根
- 广西南宁便秘需不需要就医
- 广西南宁割外痔什么时候最佳
- js 内容复制到剪贴板方法总结
- 广西南宁得了外痔大便会有什么
- 广西南宁便秘专家在线咨询
- 广西南宁得了肛周脓肿应注意什么
- 广西南宁得了肛门瘙痒应注意什么
- NYOJ 15 括号匹配(二)
- html 分帧的使用
- Auto Layout Guide摘要
- 广西南宁肛门瘙痒治疗后的护理