JavaScript 监听页面的ctrl+c 事件
来源:互联网 发布:linux进去图形界面 编辑:程序博客网 时间:2024/06/02 04:24
有一个需求,是监听平台的ctrl+c 事件,把内容传给后台打印日志
一开始我理解错误,想着是要获取剪切板的内容,查了许多资料,发现 js 有一个对象 clipboardData 可以做到,具体用法
clipboardData.getData('text')
然后这个方法只有IE支持 ,其他的浏览器出于安全性的考虑,不可以操作剪切板的内容,clipboardData都是undefined,flash 可以实现操作剪切板的内容,网上有相关的插件,zclip 分两个版本 ,我用的是引入jquery 库的版本
<script src="jquery.js"></script> <script type="text/javascript" src="jquery.zclip.min.js"></script>
if ( window.clipboardData ) { $('.copy_btn').click(function() { window.clipboardData.setData("Text", $(this).prev('input').val()); alert('复制成功!'); }); } else { $(".copy_btn").zclip({ path:'ZeroClipboard.swf', copy:function(){return $(this).prev('input').val();}, afterCopy:function(){alert('复制成功!');} }); }
仔细读了zclip,发现只是可以把内容放进剪切板,还是获取不到ctrl+c 的内容啊
崩溃两分钟之后,换了个思路,抛弃剪切板这个概念,我只是想知道用户的鼠标选取了哪些内容,果然,js有提供一个方法getSelection是获取选中内容的,兼容ie8以下版本的方法如下
var copyText = window.getSelection?window.getSelection():document.selection.createRange().text;
整体的实现代码如下
document.body.oncopy = function(){ var copyText = window.getSelection?window.getSelection():document.selection.createRange().text; } ;三行代码解决!
虽然走了不少弯路,还是实现了 。有时候,就是这样,一种方法走不通,换个思路试试。
1 0
- JavaScript 监听页面的ctrl+c 事件
- 监听页面 F5 ctrl+R 事件
- javascript 监听页面事件的函数
- js 监听 Ctrl 事件
- javascript页面加载与事件监听函数
- javascript页面加载与事件监听函数
- [备忘]处理ctrl-c一类的事件
- javascript如何监听页面刷新和页面关闭事件
- java SWT: addFilter热键监听Ctrl-C不正常的问题
- JS监听整个页面的回车事件
- JS监听整个页面的回车事件
- js监听当前页面刷新的事件
- ViewPager子页面的点击事件监听
- ViewPager的页面滑动监听事件onPageChangeListener
- JS 监听整个页面的回车事件
- 监听页面回车事件
- JavaScript不同监听事件的方法
- 监听键盘事件的Javascript库--shortcut
- 高逼格UI-ASD(Android Support Design)
- IaaS、PaaS、SaaS、CaaS、MaaS五者的区别_云计算概念大全
- js 判断当前手机系统类型
- 什么是数据挖掘 ?(DM 与DW 、OLAP、CRM 的区别)
- const实现机制及与#define的区别
- JavaScript 监听页面的ctrl+c 事件
- 基于.NET平台常用的框架整理
- 批量改名软件----Win7xfolder 的另一特色是可以批量导出文件的名字及其文件大小到 txt/CSV 文件,很方便
- 创建centos7
- 微信 JS-SDK (三)
- 如何打开多个界面之后按返回键直接退出应用
- sem_open No such file or directory
- JMeter3压力测试入门教程
- java 异常基础