Javascript 使用select（）复制值并复制_Javascript_Jquery_Html_Css

Javascript 使用select（）复制值并复制

javascript jquery html css

Javascript 使用select（）复制值并复制,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试选择一个输入，然后将文本复制到输入中，但无法识别子项 $（“.input group.copyLink”）。单击（函数（）{ $（this.parent（）.find（'.htmlink'）.select（）；文件。执行命令（“副本”）； }); 复制复制复制您可以稍微缩短代码，因为您有一个div包装器，并且只有一个兄弟： $（“.input group.copyLink”）。单击（函数（）{ $（this）.sides（）.select（）；文件。执行命令（“副本”）

我正在尝试选择一个输入，然后将文本复制到输入中，但无法识别子项

$（“.input group.copyLink”）。单击（函数（）{
$（this.parent（）.find（'.htmlink'）.select（）；
文件。执行命令（“副本”）；
});

复制
复制
复制
您可以稍微缩短代码，因为您有一个div
包装器，并且只有一个兄弟：

$（“.input group.copyLink”）。单击（函数（）{
$（this）.sides（）.select（）；
文件。执行命令（“副本”）；
});

复制
复制
复制
您需要用按钮绑定事件，根据按钮事件响应，您需要使用jquery DOM选择器函数（如“prev”）查找输入框。在此之后，使用输入对象执行其他任务
jquery DOM选择器的参考：
你的答案是：
您回答密码
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>

<html>
<body>
<div class="input-group">
<input type="text" class="htmlLink" value="http://google.cl">
<button class="copyLink">Copy</button>
</div>
<div class="input-group">
<input type="text" class="htmlLink" value="http://microsoft.com">
<button class="copyLink">Copy</button>
</div>
<div class="input-group">
<input type="text" class="htmlLink" value="http://apple.com">
<button class="copyLink">Copy</button>
</div>

<body>


<script>

    $('.input-group button').on('click',function(){
            console.log('active');
            var input=$(this).prev('input');
            $(input).select();
            document.execCommand('copy');
    });

</script>

</html>


复制
复制
复制
$（'.input group button'）。在（'单击'，函数（）上）{
console.log（'active'）；
var输入=$（this.prev（'input'）；
$（输入）。选择（）；
document.execCommand（'copy'）；
});
你的问题不太清楚。在您的示例中，当我单击“复制”
时，输入的文本会正确复制到我的剪贴板。效果很好。谢谢