微信html5复制剪切板,微信h5实现复制内容到剪贴板，两种方法

先介绍第一种，这种方法对ios有一些不兼容，不过也看运气

先写HTML内容

微信：22

复制

JS代码

首先引入jq

$(".copy")[0].onclick = function(){

var txt = $('#wxContent').text();

Copy(txt);

}

// 复制微信号函数

function Copy(str) {

var save = function(e) {

e.clipboardData.setData('text/plain', str);

e.preventDefault();

};

document.addEventListener('copy', save);

document.execCommand('copy');

document.removeEventListener('copy', save);

console.log('复制成功');

}

第二种方法，比第一种兼容性好，但是需要添加一下样式

这是封装了一个方法

function copy(message) {

var input = document.createElement("input");

input.value = message;

document.body.appendChild(input);

input.setAttribute("readonly","readonly");

input.select();

input.setSelectionRange(0, input.value.length), document.execCommand('Copy');

layer.open({ //移动端引入的一个插件，可以自己百度一下怎么用

content: '复制成功',

skin: 'msg',

time: 2

});

}

然后我们需要复制什么内容

相当于调用这个方法，然后给message赋值

然后这有个不好的表现，因为它是生成一个input嘛，肯定复制的时候会有焦点触发和生成一个input

焦点触发这个我封装的代码已经解决了，生成一个input框，你不想看见直接给它隐藏就好了，这就css样式了

微信html5复制剪切板,微信h5实现复制内容到剪贴板，两种方法相关推荐

属性和方法的区别是什么_微信被拉黑和被删除，有什么区别？两种方法教你辨别...
微信作为目前使用最广泛的一种社交聊天工具,几乎成为了智能手机的必备软件.它除了为我们的日常生活带来诸多便利之外,相信许多都是对它又爱又恨.其中最让人反感的一点就是,对方明明已经早已将自己拉黑或者删除了 ...
emacs 剪切板_将Emacs用作RPG仪表板的5种方法
emacs 剪切板玩桌上型角色扮演游戏(RPG)有两种方法:您可以玩由游戏的发行者或独立作者撰写的冒险游戏,也可以玩自己制作的冒险游戏. 无论选择哪种方式,都可能需要做准备工作. 一个玩家(通常称为 ...
iphone微信代理服务器,微信黑夜模式在哪？在iPhone上，有这两种方法开启
微信黑夜模式怎么开ios 关于微信黑夜模式怎么开ios的问题,是微信使用技巧,鸟基地博客了解到,在iPhone上,微信深色模式有两种方法,打开iPhone11,进入系统设置页面,选择显示与亮度,之后开 ...
html5图片剪切板,JavaScript 网页端复制图片到剪切板
前端页面可能需要复制图片到剪切板的功能,这里使用JavaScript来实现这一功能,兼容大部分浏览器全部代码复制图片到剪切板复制图片 var SelectText = function (ele ...
剪切板的使用：复制粘贴
目录一.MFC使用 1.将字符串复制到剪贴板中 2.获得剪贴板中字符串二.整理封装如下: 1.复制 2.粘贴一.MFC使用 1.将字符串复制到剪贴板中使用OnCopy() 响应复制操作: 将字 ...
HeyUI组件库12月更新日志：Clipboard复制剪切板，Avatar头像
时隔很久,HeyUI终于有了一些新的组件补充了这个组件都是来自于近期的一些开发思考,希望大家多多指点 HeyUI 对于不熟悉HeyUI组件库的同学,我在这里补充一下信息: HeyUI是一个基于Vue ...
html5读取剪切板内容,实践笔记：js解析剪切板里的excel内容
这次记录的是昨晚一个想法:把excel内容复制到剪切板并转成自己想要的json格式,核心是要把excel内容转json,这部分主要看excel的格式和json如何业务的映射,不展开.倒是通过实践,收获 ...
m1 android emulator 无法共享复制剪切板
下载安装好android emulator 但是发现无法共享复制剪切板可行的一种解决方案: 1.先关闭该功能 2.重启手机 3.可以打开谷歌浏览器测试一下复制剪切: 4.然后在按图一打开按钮后,再次 ...
微信小程序使用特殊字体的两种方法
微信小程序中如何使用特殊字体我有两种方法: 1. 转base64格式下载要使用的字体,建议TTF格式打开网站 https://transfonter.org/ 转换格式,得到压缩包将压缩包解压 ...

微信html5复制剪切板,微信h5实现复制内容到剪贴板，两种方法

微信html5复制剪切板,微信h5实现复制内容到剪贴板，两种方法相关推荐

最新文章

热门文章