javascript - 单击输入区域时自动复制文本(多个输入)Javascript

Question

我试图在用户单击输入区域时复制文本。代码本身选择正确的文本，但是当我添加复制功能时，它不会复制正确的文本。问题是，这是网站用来向网站添加元素的模板(因此多次提交将使用相同的代码)。

echo '<div class="input-group input-group-sm">';
echo '<span class="input-group-addon input-label-' . strtolower($server->status_text) . '"><i class="fa fa-server" aria-hidden="true"></i>&nbsp;' . $server->status_text . '</span>';
echo '<input type="text" onclick="this.select()" value="' . $server->address . (($server->connection_port != '25565') ? ":" . $server->connection_port : null) . '">';echo '</div>';

现场输出:

<div class="input-group input-group-sm">
<span class="input-group-addon input-label-online"><i class="fa fa-server" aria-hidden="true"></i>&nbsp;Online</span>
<input type="text" onclick="this.select()" class="form-control" value="Server IP">
</div>

编辑:看来我需要通过按钮执行此操作，因为使用“onclick”会使我的网站崩溃。不知道如何使用按钮而不使用某种 ID 系统来做到这一点。如果有帮助的话，服务器会通过“表”列出。

Answer 1

这应该适合你:

<input type="text" onclick="this.select(); document.execCommand('Copy');" class="form-control" value="Server IP">

您尝试的代码有未转义的括号。

这适用于多个输入元素:https://jsfiddle.net/xx0gs6Lw/

编辑

那肯定只是语法错误，你能发布你的确切代码吗？它应该看起来像这样:

echo '<input type="text" onclick="this.select(); document.execCommand(\'Copy\');" value="' . $server->address . (($server->connection_port != '25565') ? ":" . $server->connection_port : null) . '">';