// 检测是否iOS端
function iosAgent() {
return navigator.userAgent.match(/(iPhone|iPod|iPad);?/i);
}
// 复制文本函数,微信端,需要在用户触发 Click 事件里面才能执行成功
function copy(message) {
if (iosAgent()) {
console.log("input 复制方式 " + message);
let inputObj = document.createElement("input");
inputObj.value = message;
document.body.appendChild(inputObj);
inputObj.select();
inputObj.setSelectionRange(0, inputObj.value.length);
_execCommand('Copy');
document.body.removeChild(inputObj);
} else {
console.log("document 复制方式 " + message);
let domObj = document.createElement("span");
domObj.innerHTML = message;
document.body.appendChild(domObj);
let selection = window.getSelection();
let range = document.createRange();
range.selectNodeContents(domObj);
selection.removeAllRanges();
selection.addRange(range);
_execCommand('Copy');
document.body.removeChild(domObj);
}
}
// 执行浏览器命令 Copy 顺便输出一下日志,如果在移动端推荐写个方法展示日志或者用alert(msg)也行。
function _execCommand(action) {
let is = document.execCommand(action);
if (is) {
console.log("复制成功");
} else {
console.log("复制失败");
}
}
h5用js实现点击复制文本(兼容微信浏览器)
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 源码使用场景: 1、用来实现微信自动跳转外部浏览器下载app 2、用来实现微信内打开网页链接自动跳转浏览器访问指定...
- 根据网友们提供的思路,本文整理了三种方案。 1、申请腾讯开放平台开发者 具体流程可以去访问http://open....
- 这里我们使用clipboard[https://developer.mozilla.org/zh-CN/docs/...
- 最近遇到一个需求、朋友找我制作一个在微信中的聊天框,或者公众号菜单发布一条链接或者二维码。跳出微信打开一个指定的我...