将驼峰式命名的字符串转成带空格的字符串并复制到剪贴板

最新推荐文章于 2024-05-30 13:59:14 发布

星期Ⅷ

最新推荐文章于 2024-05-30 13:59:14 发布

阅读量158

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_46976320/article/details/130604206

版权

class CopyOne {
            constructor(option) {
                this.option = option
            }
            copyText(text) {
                var element = this.createElement(text);
                element.select();
                element.setSelectionRange(0, element.value.length);
                document.execCommand('copy');
                element.remove();
            }
            //创建临时的输入框元素
            createElement(text) {
                var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
                var element = document.createElement('textarea');
                // 防止在ios中产生缩放效果
                element.style.fontSize = '12pt';
                // 重置盒模型
                element.style.border = '0';
                element.style.padding = '0';
                element.style.margin = '0';
                // 将元素移到屏幕外
                element.style.position = 'absolute';
                element.style[isRTL ? 'right' : 'left'] = '-9999px';
                // 移动元素到页面底部
                let yPosition = window.pageYOffset || document.documentElement.scrollTop;
                element.style.top = `${yPosition}px`;
                //设置元素只读
                element.setAttribute('readonly', '');
                element.value = text;
                document.body.appendChild(element);
                return element;
            }

            fromCamelCase(inputStr) {
                let result = "";
                for (let i = 0; i < inputStr.length; i++) {
                    let char = inputStr.charAt(i);
                    if (char === char.toUpperCase()) {
                        if (i !== 0) {
                            result += " ";
                        }
                        result += char.toLowerCase();
                    } else {
                        result += char;
                    }
                }
                this.copyText(result)
                return result;
            }
            copy(str) {
            	console.log(this.fromCamelCase(str))
                return this.fromCamelCase(str)
            }

        }
        const instance1 = new CopyOne();
        instance1.copy('getId') // get id
        instance1.copy('setCurrentDragTargetPosition') // set current drag target position