有没有大哥懂html代码帮忙看看一个问题

婷姐 · 发表于 2024-7-4 13:56:11

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

下面的代码微信一键一键复制无法正常复制，有没有大哥帮忙修复一下

<div class="bbbt">
<textarea id="input" style="display:none;">12345678911</textarea>
      <a href="tel:{content:ext_chepai}">
            <div class="bleft">
                     <span>24小时服务热线</span>
                     <p class="haoma">12345678911</p>
                     <p>(已有59667通话成功)</p>

            </div>
      </a>
      <div class="bright">
            <span>微信服务号</span>
            <p class="haoma">12345678911</p>
            <p>一键复制</p>
      </div>
</div>

<style type="text/css">
      #input {
            width: 0px;
      }

      .bleft {
            background-color: #e64b08;
      }

      .bright {
            background-color: #64ad04;
      }

      .bbbt {
            position: fixed;
            bottom: 0px;
            z-index: 99999;
            width: 100%;
            text-align: center;
      }

      .bbbt .haoma {
            font-size: 20px;
            margin: 0px;
      }

      .bbbt p {
            margin: 0px;
      }

      .bbbt span {
            font-size: 12px;
      }

      .bbbt div {
            width: 50%;
            float: left;
            color: #fff;
            text-align: center;
            padding-top: 8px;
            padding-bottom: 8px;
      }

      @media screen and (max-width: 600px) {
            .topss {
                     display: none;
            }
      }
</style>

<script type="text/javascript">
function copyText(){
         var inputText = document.getElementById('input');
         var currentFocus = document.activeElement;
         inputText.select();
         // inputText.focus();
         inputText.setSelectionRange(0, inputText.value.length);
         document.execCommand('copy', true);
         alert("微信号已复制");

   }
  </script>

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

浅生 · 发表于 2024-7-4 13:56:34

被屏蔽JS功能？

TyCoding · 发表于 2024-7-4 13:57:03

<div class="bbbt">
<textarea id="input" style="display:none;">12345678911</textarea>
<a href="tel:{content:ext_chepai}">
      <div class="bleft">
         <span>24小时服务热线</span>
         <p class="haoma">12345678911</p>
         <p>(已有59667通话成功)</p>
      </div>
</a>
<div class="bright" onclick="copyText()">
      <span>微信服务号</span>
      <p class="haoma">12345678911</p>
      <p id="copyStatus">一键复制</p>
</div>
</div>

<style type="text/css">
#input {
         width: 0px;
}

.bleft {
         background-color: #e64b08;
}

.bright {
         background-color: #64ad04;
}

.bbbt {
         position: fixed;
         bottom: 0px;
         z-index: 99999;
         width: 100%;
         text-align: center;
}

.bbbt .haoma {
         font-size: 20px;
         margin: 0px;
}

.bbbt p {
         margin: 0px;
}

.bbbt span {
         font-size: 12px;
}

.bbbt div {
         width: 50%;
         float: left;
         color: #fff;
         text-align: center;
         padding-top: 8px;
         padding-bottom: 8px;
}

@media screen and (max-width: 600px) {
         .topss {
                  display: none;
         }
}
</style>

<script type="text/javascript">
function copyText() {
      var inputText = document.getElementById('input');
      var currentFocus = document.activeElement;
      inputText.style.display = 'block'; // 使input可见以便选择文本
      inputText.select();
      document.execCommand('copy', true);
      inputText.style.display = 'none'; // 复制后再次隐藏input

      // 替换提示信息
      var copyStatus = document.getElementById('copyStatus');
      copyStatus.textContent = '已复制';
      copyStatus.style.color = 'green';

      // 2秒后恢复原状
      setTimeout(function() {
         copyStatus.textContent = '一键复制';
         copyStatus.style.color = '#fff';
      }, 2000);
}
</script>

独家记忆 · 发表于 2024-7-4 13:58:00

https://sharedbk.com/post/192.html

独家记忆 · 发表于 2024-7-4 13:58:25

这种问题问 AI 最合适

独家记忆 · 发表于 2024-7-4 13:59:07

感谢老哥的帮助，这段代码在pc端可以正常复制了，但移动端点击会是url变成拨号

TyCoding · 发表于 2024-7-4 13:59:45

不清楚呀，我复制别人的代码来的

TyCoding · 发表于 2024-7-4 14:00:31

谢谢老哥的帮助

婷姐 · 发表于 2024-7-4 14:00:42

本帖最后由 DaMiShi.COM 于 2024-7-4 00:28 编辑

<div class="bright">
      <span>微信服务号</span>
      <p class="haoma">WeChat12345678911</p>
      <p id="copyStatus">一键复制</p>
</div>
这样应该就行了