网站收录原创文章,wordpress新框架vue,wordpress论坛优化,线上外包平台为了实现点击按钮后#xff0c;复制内容到剪切板#xff0c;然后弹出悬浮窗提示给用户。 js代码如下#xff0c;复制内容#xff0c;然后保存命名为.js的文件#xff1a;
//弹窗提醒function showAlert(s_msg) {// 创建 div 元素var div document.createElement(d…为了实现点击按钮后复制内容到剪切板然后弹出悬浮窗提示给用户。 js代码如下复制内容然后保存命名为.js的文件
//弹窗提醒function showAlert(s_msg) {// 创建 div 元素var div document.createElement(div);// 设置 div 属性div.style.position fixed;div.style.top 50%;div.style.left 50%;div.style.transform translate(-50%, -50%);div.style.backgroundColor #f44336;div.style.color white;div.style.padding 10px;// 设置文本内容自行设置div.textContent 复制成功;// 将 div 添加到 body 中document.body.appendChild(div);// 设置定时器在1秒后移除 divsetTimeout(function() {document.body.removeChild(div);}, 1000);
}
调用方法
1、先到UniServerModule单元设置JS文件 2、开始调用
procedure TUnimForm_view1.UnimButton5Click(Sender: TObject);
begin
//点击按钮后把内容复制到剪切板这个需要使用https协议才能生效具体怎么配置https协议看我另一篇文章UniSession.AddJS(navigator.clipboard.writeText( unimMemo1.JSName .getValue()););//弹窗提示
//重点是这条showAlert()是需要调用JS的名称,里面是需要弹窗的内容UniSession.AddJS(showAlert(复制成功));end;
后话 unigui复制内容到剪切板的方法需要先配置ssl:
unigui添加sslhttps访问的方法-CSDN博客 鸣谢chatgpt、bing gpt、文心一言等AI提供技术支持
