我想1按钮点击复制textarea id=chatgpt-response placeholder=的内容成功的话显示复制成功字体为红色显示在2的 div class=ui menu mt-30里面重新代码如果没有结果呢?怎么显示?1 button class=ui button复制结果button2 body header class=ui sticky menu id=sticky
可以使用JavaScript来实现复制功能和提示信息的显示:
首先,在按钮上添加一个点击事件,调用copyCode()函数:
然后,在JavaScript中定义copyCode()函数,获取textarea的内容并复制到剪贴板:
function copyCode() { var text = document.getElementById("chatgpt-response").value; if (text !== "") { navigator.clipboard.writeText(text); document.getElementById("result").innerHTML = "复制成功!"; document.getElementById("result").style.color = "red"; } else { document.getElementById("result").innerHTML = "没有结果可复制!"; document.getElementById("result").style.color = "black"; } }
该函数首先获取textarea的内容,如果不为空,则调用navigator.clipboard.writeText()方法将内容复制到剪贴板,并在2的
原文地址: https://www.cveoy.top/t/topic/c5yB 著作权归作者所有。请勿转载和采集!
- 上一篇: 泸西县职业高级中学怎么样好不好
- 下一篇: 去潍坊技师学院翰林幼教定向班学习怎么样?