🏠首页 › 站长杂谈 › 有没有大哥懂html代码 帮忙看看一个问题

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

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

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

<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>

浅生 发表于 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>
这样应该就行了

查看完整版本: 有没有大哥懂html代码 帮忙看看一个问题