【JAVASCRIPT】处理剪切板

处理复制、剪切和粘贴操作

　　ClipboardData对象--属性：  

　　　　　　oncopy --当用户复制选中区时在源元素上触发。

　　　　　　oncut--当用户剪切选中区时在源元素上触发。

　　　　　　onpaste--当用户粘贴数据时在目标对象上触发。

　　ClipboardData对象--方法：

　　　　　　getData("Text")--从系统剪切板获取指定格式的数据。

　　　　　　setData("Text",values)--讲指定格式的数据保存到系统剪切板。

　　　　　　clearData()--清楚系统剪切板中的数据。

例1：设置文本不能粘贴：

　　<input type="text" onpaste = "return false;" />　　注意：要加上return；

例2：当复制某个页面的文章在文章结尾加上文章来源，防止粘贴党不加文章链接；

　　

<head>
    <title>设置剪切板</title>
    <script type="text/javascript">
        function updateacritle() {
            var text = clipboardData.getData("Text");
            text = text + " 本文章转载横竖都是二，文章来源：" + location.href;
            clipboardData.setData("Text", text);         
        }
    </script>

</head>
<body oncopy="setTimeout('updateacritle()',100)">
    this a text!
</body>

注意：在使用oncopy的时候要用setTimeout设置定时执行函数，因为只能当用户复制之后才去修改剪切板中的内容。

这段代码在IE中可以很正常的显示，但是在chrome中却失去了功能。还请友友们不吝赐教！

 

posted @ 2012-08-01 17:38  net小伙  阅读(1975)  评论(1)  编辑  收藏  举报