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

最新推荐文章于 2025-08-12 14:37:12 发布

原创最新推荐文章于 2025-08-12 14:37:12 发布 · 262 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

该代码定义了一个名为CopyOne的类，包含复制文本到剪贴板的功能。它创建一个临时的textarea元素，用于选中文本并执行复制命令。同时，类中有一个fromCamelCase方法，将驼峰式命名的字符串转换为全小写并用空格分隔。示例展示了如何使用这个类来复制和转换特定字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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