分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

js修改剪切板内容的方法

发布时间:2023-09-06 01:28责任编辑:胡小海关键词:js

代码如下:

 ???//绑定在了body上,也可以绑定在其他可用元素行,但是不是所有元素都支持copy事件。 ???????$(document.body).bind({ ???????????copy: function(e) {//copy事件 ???????????????let cpTxt = "复制的数据"; ???????????????let clipboardData = window.clipboardData; //for IE ???????????????if (!clipboardData) { // for chrome ???????????????????clipboardData = e.originalEvent.clipboardData; ???????????????} ???????????????let result = clipboardData.getData("text")+":"+cpTxt; ???????????????//e.clipboardData.getData(‘text‘);//可以获取用户选中复制的数据 ???????????????clipboardData.setData(‘Text‘, result); ???????????????$(‘p‘).text(result); ???????????????return false;//否则设不生效 ???????????} ??

在IE里面,直接调用window.clipboardData对象即可对剪切板里面的数据进行操作(IE的良心之处),但是对于库容和火狐来说就没这么友好,也是为了安全着想的原因,但是可以使用

e.originalEvent.clipboardData的方法去获得剪切板里面的内容
缺点:我没法获取到复制的信息,显示不出来,求大神来解答

js修改剪切板内容的方法

原文地址:http://www.cnblogs.com/mmykdbc/p/7977985.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved