// 为选项添加点击事件 options.forEach((option) => { option.addEventListener("click", () => { // 如果选项被勾选 if (option.checked) { // 获取光标位置 const cursorPosition = keywordsTextarea.selectionStart; // 将选项的值添加到文本框中 const optionText = ${option.value}, ; keywordsTextarea.value = keywordsTextarea.value.slice(0, cursorPosition) + optionText + keywordsTextarea.value.slice(cursorPosition); // 重置光标位置 keywordsTextarea.setSelectionRange(cursorPosition + optionText.length, cursorPosition + optionText.length); } else { // 如果选项被取消勾选,则从文本框中移除对应的文本 const optionText = ${option.value}, ; keywordsTextarea.value = keywordsTextarea.value.replace(optionText, ""); } }); })

现在这个js代码需要扩展功能。它现在只能在文本框的文本末尾添加选项内容我需要在文本框中鼠标光标所在位置来插入选项内容和英文逗号和空格: 为选项添加点击事件optionsforEachoption = optionaddEventListenerclick = 如果选项被勾选 if optionchecked 将选项的值添加到文本框中 const opt

原文地址: https://www.cveoy.top/t/topic/e7J8 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录