html代码点击微信号并复制打开微信的方法

2023-03-09 作者：匿名阅读：649次

前言

在开发移动端的时候，为了更好的用户体验，那么就需要点击微信号然后复制微信号然后打开微信直接加微信，这样的功能能不能实现呢?线上效果图： &l;!DOCTYPEhml&g;&l;hmllag

　　在开发移动端的时候，为了更好的用户体验，那么就需要点击微信号然后复制微信号然后打开微信直接加微信，这样的功能能不能实现呢?

　　线上效果图：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="text" id="chatNum" name="chatNum" value="48545">
  <button class="btn">一键复制并打开微信</button>
</body>
<script type="text/javascript">
  var btn = document.querySelector('.btn');
  btn.onclick = function() {
    var input = document.getElementById("chatNum").select(); //选择要复制的内容
    // input.setSelectionRange(0, input.value.length); //选取input里面文字的长度
    document.execCommand('Copy'); //复制选中的文字到粘贴板
    var chatUrl = "weixin://";
    if (/ipad|iphone|mac/i.test(navigator.userAgent)) {
      var ifr = document.createElement("iframe");
      ifr.src = chatUrl;
      ifr.style.display = "none";
      document.body.appendChild(ifr);
    } else {
      window.location.href = chatUrl;
    }
  }
</script>
</html>

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/html/tm15719.html

W 导出为.doc文档

标签 html 代码点击微信号并复制打开微信的

上一篇怎么把网站页面变黑白灰色的4种代码详细讲解

下一篇返回列表

以上内容由本站整理呈现，请务必在转载分享时注明本文地址！如对内容有疑问，请联系我们，谢谢！