點擊後,一鍵複製密碼

1、以下  style  代碼   放到網頁中去

<style>
.pwd {
    width:300px;
    padding: 5px;
    margin-top: 0px;
    display: block;
    background-color: #ffffff;
    color: #000000;
    border-radius: 4px;
    text-align: left;
    border: 0px dashed #ffc12b;
}

.pwd .copypaw {
    cursor: copy;
    font-weight: 600;
    background-color: #c1c1c1;
    border-radius: 4px;
    color: #d2d2d2;
    padding: 0 10px;
    background-image: linear-gradient(45deg,#9E9E9E 25%,white 0,white 50%,#9E9E9E 0,#9E9E9E 75%,white 0);
    background-size: 2px 2px;
}

.pwd .copypaw:hover {
    cursor: copy;
    color: #ffffff;
}
</style>

2、把以下四個文件放到 網頁裏去

sweetalert2.min.css

sweetalert2.min.js

plugins.js

app.js

下載地址:http://www.banjiweixin.cn/2148archives20200418.html

3、以下是顯示點擊密碼複製的地方

<span class="pwd">網盤提取碼:<span title="點擊一鍵複製密碼" id="refurl" class="copypaw" data-clipboard-text="密碼">密碼</span></span>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章