您的位置:首页 > Web前端 > JavaScript

Javascript之clipBoard操作

2013-10-18 17:11 429 查看
1、clipBoard 是网页上剪贴板,可以获取剪切板上值,可能类似物键-值对这种模式取值\赋值,如果在copy网上的某篇博客时,往往会带有“转载自xxxx地方 http://www.xxx.com/xxxx/xxx",如果你Copy你做的网站,就算你先用clipboardData.getData('Text')【取出剪切板中的内容】,再拼接上”转载自xxxx地方 http://www.xxx.com/xxxx/xxx“,复制出的内容上带不上这就话的,因为你还要再把拼接后的这个字符串再用clipboardData.setData('Text',txt) 设置一下。需要注意的是,先把内容从剪切板中读取出来,使用setTimeout("方法名",时间)延迟0.1秒再修改剪切板中的字符串。无法直接使用modifyClipboard()在剪切板中修改。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function modifyClipboard() {
var txt = clipboardData.getData('Text');
txt = txt + "本文章转载自传智博客" + location.href;
clipboardData.setData('Text',txt);
}
</script>
</head>
<body oncopy="setTimeout('modifyClipboard()',100);">
<input type="button" value="分享给好友" onclick="clipboardData.setData('Text','我已经发现很好玩的网游,很黄很暴力!'+ location.href);alert('已将地址放入粘贴板中');" />
<p>这是一篇很不错的文章!</p>
手机号:<input type="text" oncopy = "alert('不允许复制手机号!');return false;" /><br />
再次录入手机号:<input type="text" onpaste ="alert('不允许粘贴!请手工录入!');return false;" />
</body>
</html>


View Code
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: