随机一段字符串，浏览器点击复制

怼烎@ 2023-10-06 08:59 9阅读 0赞

效果图：

![2020052021210124.png][]

上代码：

指定长度，执行即可生成一个随机的字符串，附赠，点击复制功能

<!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title>一个随机串</title>
            <style type="text/css">
                .input_css {
                    width: 140px;
                }
                
                #show_msg {
                    width: 300px;
                }
            </style>
            <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js" type="text/javascript" charset="utf-8"></script>
            <script type="text/javascript">
                /*
                 ** 生成3-32位随机串：randomWord(true, 3, 32)
                 ** 生成43位随机串：randomWord(false, 43)
                 ** randomWord 产生任意长度随机字母数字组合
                 ** randomFlag-是否任意长度 min-任意长度最小位[固定位数] max-任意长度最大位
                 ** 
                 */
    
                function randomWord(randomFlag, min, max) {
                    var str = "",
                        range = min,
                        arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
    
                    // 随机产生
                    if(randomFlag) {
                        range = Math.round(Math.random() * (max - min)) + min;
                    }
                    for(var i = 0; i < range; i++) {
                        pos = Math.round(Math.random() * (arr.length - 1));
                        str += arr[pos];
                    }
                    return str;
                }
    
                function createRandom() {
                    let strlen = $("#strlen").val();
                    let showMsg = randomWord(false, strlen);
                    $("#show_msg").text(showMsg);
                }
    
                function copyText() {
                    let show_msg = $("#show_msg").select();
                    document.execCommand("Copy"); // 执行浏览器复制命令
                    alert("已复制好，可贴粘。");
                }
            </script>
    
        </head>
    
        <body>
            <input type="number" id="strlen" class="input_css" value="10" max="43" min="6" /><br />
            <textarea id="show_msg"></textarea><br />
            <input type="button" onclick="createRandom();" value="随机生成" />
            <input type="button" onClick="copyText()" value="点击复制" />
        </body>
    
    </html>

[2020052021210124.png]: https://img-blog.csdnimg.cn/2020052021210124.png