JS的一些自定义函数（图片转base64、笛卡尔积、copy文本、文本框选中）

以下是以往用过的一些简单方法，供大家参考一下：

/**
 * 文本框选中文字逻辑
 * @param object        textBox textarea 对象
 * @param int|string    start 选择开始索引或被选中文字的字符串
 * @param int|null      end
 */
function textareaSelect(textBox, start, end) {
    if (typeof textBox != 'object') {
        console.log('textareaSelect方法第一个参数应该为textarea对象');
        return;
    }
    if (textBox instanceof jQuery) textBox = textBox[0];
    if (!end) {
        let i = textBox.value.indexOf('' + start);
        end = i + ('' + start).length;
        start = i;
    }
    if (textBox.setSelectionRange) {
        textBox.setSelectionRange(start, end);
    } else if (textBox.createTextRange) {
        var rang = textBox.createTextRange();
        rang.collapse(true);
        rang.moveStart('character', start);
        rang.moveEnd('character', end - start);
        rang.select();
    }
    textBox.focus();
}


/**
 * 转base64图片
 * @param imgUrl 图片路径
 * @param w 调整宽 仅填写一个参数为等比例缩放
 * @param h 调整高 仅填写一个参数为等比例缩放
 * @param callback 回调 错误返回false及错误码
 */
function toBase64(imgUrl, callback, w, h) {
    if (!imgUrl) callback(false, '图片路径不存在或类型问题');
    let image = new Image();
    image.crossOrigin = '';
    image.referrerPolicy = "no-referrer";
    image.rel = "noreferrer";
    image.src = imgUrl;
    image.onload = function () {
        if (!w && !h) {
            w = 0;
            h = 0;
        } else if (!(w && h))
            if (w)
                h = image.height * (w / image.width);
            else
                w = image.width * (h / image.height);
        let c = document.createElement("canvas");
        c.width = w ? w : image.width;
        c.height = h ? h : image.height;
        let ctx = c.getContext("2d");
        ctx.drawImage(image, 0, 0, c.width, c.height);
        callback(canvas.toDataURL());
    };
}

/**
 * 笛卡尔积算法
 * 传入数组集合,如cartesianProductOf(...[[1,2],[3,4]])
 * @returns {T | (function(*=, *): Array)}
 */
function cartesianProductOf() {
    return Array.prototype.reduce.call(arguments, function (a, b) {
        let ret = [];
        a.forEach(function (a) {
            b.forEach(function (b) {
                ret.push(a.concat([b]));
            });
        });
        return ret;
    }, [[]]);
}

/**
 * copy文本内容
 * @param value
 */
function copy(value) {
    let cpInput = document.createElement("input");
    cpInput.setAttribute("id", "cp_input");
    cpInput.setAttribute("type", "text");
    cpInput.style.position = "absolute";
    cpInput.style.top = "-500px";
    cpInput.style.left = "-100px";
    cpInput.value = value;
    document.body.appendChild(cpInput);
    document.getElementById("cp_input").select();
    document.execCommand("copy");
    document.getElementById('cp_input').remove();
}