本文主要是介绍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中却失去了功能这篇关于javascript处理剪切板的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!