javascript 原生js修改浏览器复制、粘贴内容
2017-08-03 15:54
281 查看
监听事件
copy:当用户通过在浏览器用户界面上执行一个拷贝操作(例如,使用CTRL/Cmd + C 快捷键或者从功能菜单中选择”复制”选项)和调用document.execComand(‘copy’)时,copy事件会被触发。 ——-copy - Event reference | MDN
paste:当从剪切板粘贴一段选区到document中时,paste事会被触发。 ——–paste - Event reference | MDN
注册监听函数
document.addEventListener("copy", copy);
document.addEventListener("paste", paste);
实现函数
在Firefox、Chrome下使用参数中的clipboardData,它是DataTransfer类型。
主要方法:
更多信息请参考:DataTransfer - Web APIs | MDN
function copy(oEvent){ //取消浏览器的默认动作,一般一定要有,请谨慎使用 oEvent.preventDefault(); oEvent.clipboardData.setData("text", "自定义数据"); }
function paste(oEvent){ //控制台输出: 自定义数据 console.log(oEvent.clipboardData.getData("text")); }
补充:IE下,请参考: window.clipboardData
相关文章推荐
- js复制文本内容到右键粘贴
- js如何实现网站内容禁止复制和粘贴、另存为?
- 原生js实现复制内容到剪切板(解决jquery实现不了的问题)
- 《JS实现复制内容到剪贴板功能,可兼容所有PC浏览器,不兼容手机端》
- 兼容主流浏览器的JS复制内容到剪贴板
- JS实现网站内容的禁止复制和粘贴、另存为
- JS实现网站内容的禁止复制和粘贴、另存为
- C#保留2位小数几种场景总结 游标遍历所有数据库循环执行修改数据库的sql命令 原生js轮盘抽奖实例分析(幸运大转盘抽奖) javascript中的typeof和类型判断
- 支持多浏览器的复制内容功能JS
- JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
- Clipboard.js : 移动端浏览器实现网页内容复制
- 网站内容禁止复制和粘贴、另存为的js代码
- 在Myeclipse中修改了HTML、CSS或JavaScript语句,但是浏览器刷新并清空缓存后依然不显示新内容
- 几组超神奇的网页应用代码要你在IE浏览器任意打开一个网站,然后在浏览器上输入如下代码神奇的代码,可随意修改复制页面内容!
- ZeroClipboard.js复制内容到剪贴板(跨浏览器)
- ZeroClipboard.js+ swf 复制网页内容(兼容所有浏览器)
- ZeroClipboard实现跨浏览器复制内容到剪贴板(附ZeroClipboard.js下载及使用教程)
- 复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
- JS实现内容复制,兼容大部分浏览器,safari不兼容。
- js屏蔽浏览器右键菜单,粘贴,复制,剪切,选中