【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】处理剪切板相关推荐

JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法
新版本 chrome 执行 document.execCommand('paste') 返回 false 因为读取剪切板涉及用户隐私安全,必须的用户允许的情况下可以进行访问,但是复制和剪切功能可以使用 ...
html复制文字兼容手机,JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)...
新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了.写出了总结下使用的方法:clipboard 插件下载地址:https://github.com/zenorocha/clipb ...
html5图片剪切板,JavaScript 网页端复制图片到剪切板
前端页面可能需要复制图片到剪切板的功能,这里使用JavaScript来实现这一功能,兼容大部分浏览器全部代码复制图片到剪切板复制图片 var SelectText = function (ele ...
html5 js 手机剪切板,JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)...
新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了.写出了总结下使用的方法:clipboard 插件下载地址:https://github.com/zenorocha/clipb ...
微信小游戏复制文本到剪切板（JavaScript代码实现）
微信小游戏复制文本到剪切板(JavaScript代码实现) 前言: 正文: 结尾前言: 我们在小游戏开发的时候经常会有一些需求,例如查询好友,或者切换到微信搜索微信公众号引流,这时候一般都会需要提供 ...
JavaScript复制内容到剪切板
复制内容到剪切板分两种情况,一种是从页面已有的可选元素中选中内容进行复制,一种是将Javascript代码中的字符串直接复制到剪切板. 复制页面元素选中内容 html代码: <input typ ...
js实现复制文本内容到剪切板
js实现复制文本内容到剪切板一.总结一句话总结:就是document的execCommand('copy')方法二.js实现复制文本内容到剪切板直接上代码: 1 <script type ...
剪切板与正则表达式测试
<html> <head> <title>剪切板与正则表达式测试</title> <script language="j ...
windows剪切板暂存
其实最初是因为在项目中使用了html网页编辑器,通过ie的com组件和javascript通讯完成一些事情,其中有一个功能是插入表格,我们原本使用的range.pasteHTML(HTMLstr);根 ...

【JAVASCRIPT】处理剪切板

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

【JAVASCRIPT】处理剪切板相关推荐

最新文章

热门文章