去评论
dz插件网

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

婷姐
2024/07/04 13:56:11
下面的代码微信一键一键复制无法正常复制,有没有大哥帮忙修复一下

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