javascript - 如何在asp.net按钮单击上复制到客户端剪贴板
问题描述
我目前正在为一个项目使用 ASP.NET 4.7 网络表单,我正在尝试将后端生成的数据复制到用户客户端计算机。
换句话说,当用户提交表单时,需要将后端生成的代码复制到用户剪贴板。
这是我的尝试。
应用程序.aspx.cs
.
.
.
protected void Submit(object sender, EventArgs e)
{
try
{
ClientScript.RegisterStartupScript(GetType(), "hwa", "copyToClipboard("+encodedValue+");", true);
}
catch (Exception ex)
{
}
}
应用程序.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Application.aspx.cs" Inherits="azureCopyToClipboard.Application" %>
<!DOCTYPE html>
<form id="form1" runat="server">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<div>
<asp:Button ID="SubmitButton" runat="server" class="btn btn-primary " OnClick="Submit" Text="Submit" />
</div>
</body>
</html>
<script type="text/javascript">
function copyToClipboard(textToCopy) {
var textArea;
function isOS() {
//can use a better detection logic here
return navigator.userAgent.match(/ipad|iphone/i);
}
function createTextArea(text) {
textArea = document.createElement('textArea');
textArea.readOnly = true;
textArea.contentEditable = true;
textArea.value = text;
document.body.appendChild(textArea);
}
function selectText() {
var range, selection;
if (isOS()) {
range = document.createRange();
range.selectNodeContents(textArea);
selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
textArea.setSelectionRange(0, 999999);
} else {
textArea.select();
}
}
function copyTo() {
document.execCommand('copy');
document.body.removeChild(textArea);
}
createTextArea(textToCopy);
selectText();
copyTo();
}
</script>
</form>
我使用 ClientScript.RegisterStartupScript 调用客户端函数将编码值粘贴到用户剪贴板......但是由于现代浏览器安全原因,这种尝试不起作用,我也没有收到任何客户端错误附加到这个问题。
我试图让这个解决方案同时支持移动和非移动。
解决方案
不幸的是,大多数浏览器不会让您在没有适当用户操作的情况下写入剪贴板,例如在按钮单击事件中。否则,可能会被用于恶意目的;任何网站都可以将他们想要的任何内容写入您的剪贴板,只需访问该网站即可。在您的情况下,您的按钮单击会丢失自己的事件上下文,因为您进行了异步 HTTP 操作,并且在服务器响应的成功回调函数中,您不再有权写入剪贴板。
我会建议,大多数网站正在做的是;在一个漂亮的大模态窗口中显示结果代码,并带有一个漂亮的“复制到剪贴板”按钮。
推荐阅读
- c# - 如何在发布请求c#中添加正文
- python - 继承一个类而不初始化父类django
- python - 仅允许管理员用户访问 discord bot 中的管理员命令
- swiftui - 如何使用 swift ui 显示突出显示的单词
- python - pyqt5 combobox.clear() 导致不清楚的问题
- python - 创建具有任何给定比率的列均值的数据组
- html - 父级匹配子 div 高度之一
- python - 尝试注册用户并通过电子邮件发送令牌时 django 上的 gaierror
- c - munmap_chunk():无效指针:0x0000000000b31c60 [C 语言]
- java - 无法在项目 Myproject 上执行目标 org.eclipse.jetty:jetty-maven-plugin:9.4.5.v20170502:run (default-cli) 失败