移动端复制文本到剪贴板唤起微信安卓和ios兼容性

移动端复制文本到剪贴本然后唤起微信复制在安卓和ios的兼容性

             <div class="fixedwxq" id="fixedwxq1"><img src="http://img.ftp.tj.dyrs.com.cn/a6/gdpyyd/qun.png" class="img" /><input type="text" name="" id="wxnum" class="wxnum" value="dongyi2713" /><button type="button" id="" class="copywx" value=""></button><div class="wxq_x iconfont icon-chahao"></div></div>.fixedwxq {position: absolute;top: 50%;left: 50%;width: 6.4rem;height: 8.56rem;transform: translate(-50%, -50%);font-size: 0;z-index: 900;padding-bottom: 1.2rem;}.fixedwxq .wxq_x {position: absolute;left: 50%;bottom: 0;color: #fff;font-size: 40px;transform: translate(-50%, 0%);}.fixedwxq input {position: absolute;left: 1000%;height: 2px;}.fixedwxq .copywx {position: absolute;width: 100%;height: 0.84rem;background-color: transparent;left: 0;bottom: 1.96rem;border: 0 none;z-index: 910;color: transparent;}

         //判断用户使用的设备var u = navigator.userAgent,app = navigator.appVersion;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;var systemFlag = "";//要先判断当前是什么系统，否则会报错，无法执行语句if(isAndroid) {systemFlag = "android";} else {systemFlag = "ios";}$(document).on("click", ".copywx", function() {//这里是页面中引用的弹框插件 layer，把回调函数写在第三个参数的位置，事件处理完成之后手动关闭弹框var ind = layer.alert("复制成功，请前往微信添加", {icon: 1,title: ''}, function(ind) {if(systemFlag == "android") {//android复制//只需要改变取值方式即可$("#wxnum").select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令window.location.href = 'weixin://';//唤起微信，移动端自带浏览器可以，从百度app打开不能唤起微信，此问题目前没有解决} else {//IOS复制var input = document.createElement("input");//只需要改变取值方式即可input.value = $("#wxnum").val();      input.setAttribute("class", "wxnum");//给添加的input添加类名，添加样式不在页面中显示，不然页面中回闪一下，document.getElementById("fixedwxq1").appendChild(input);//input添加到父元素中input.select();      input.setSelectionRange(0, input.value.length), document.execCommand('Copy');      document.getElementById("fixedwxq1").removeChild(input);window.location.href = 'weixin://';//ios唤起微信也是自带浏览器可以，但是百度app不能唤起}layer.close(ind);$(".fixedbg").hide();});})

移动端复制文本到剪贴板唤起微信安卓和ios兼容性相关推荐

Clipboard.js – 现代方式实现复制文本到剪贴板
复制文本到剪贴板应该并不难,目前已经有很成熟的 Flash 方法.但是 Flash 已经在很多场合不适用了,特别是随着 HTML5 技术的发展.今天推荐的这个 Clipboard.js 库不依赖 Fl ...
如何实现复制文本到剪贴板？
效果展示: 前置准备: 添加触发复制的按钮添加被复制的文本步骤分解: 创建成功提示触发器选中复制文本按钮点击检查器标签点击触发器标签创建触发器配置成功提示触发器触发时机-无触发行为-弹 ...
clipboard使用总结（复制文本到剪贴板功能的JavaScript插件）
1. 概述 clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件.通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 clipboard.j ...
js复制文本到剪贴板_如何将输出文本从命令行复制到Windows剪贴板
js复制文本到剪贴板 If you're doing work at the command line on your Windows box, it's sometimes useful to co ...
js复制文本到剪贴板_如何将文本和图像固定到Windows 10的剪贴板历史记录
js复制文本到剪贴板 Windows 10 makes copy and paste more convenient with a feature called Clipboard history. ...
jQuery/Js复制文本到剪贴板
<!doctype html> <html lang="en"><head><meta charset="UTF-8" ...
Cocos2dx 复制文本到剪切板（Android 和 ios）
Cocos2dx 复制文本到剪切板(Android 和 ios) 至于c++调用java lua调用java 等方法这里不介绍了.下面本人真机亲测.如果有问题请留言交流. 1.Android 实现方式 ...
js打开页面自动复制文本到剪贴板_word基本编辑的方法？word基本知识文件操作和文本编辑？...
Word基础文本编辑知识教程: 1.文字编辑功能所有的基本文本编辑功能都位于"主页"功能区选项卡中. 请注意,Word在"主页"选项卡的"字体&qu ...
React-Native如何复制文本到剪贴板
React-Native自带Clipboard API,使用Clipboard可以在iOS和Android的剪贴板中读写内容. 官方API里面只有复制到剪贴板和从剪贴板读取内容的两个方法: stati ...

移动端复制文本到剪贴板唤起微信安卓和ios兼容性

移动端复制文本到剪贴板唤起微信安卓和ios兼容性相关推荐

最新文章

热门文章