从输入字段复制文本并将其粘贴到其他输入字段

Question

复制按钮从工作第一个输入字段完美复制文字中的

<input type="text" id="txt1">Some text</input> 
<input type="button" value="copy" > 

<input type="text" id="txt2">Some text 2</input> 
<input type="button" value="copy2" > 

<input type="text"></input> 
<input type="button" value="paste text" > 

Answer 1

点击粘贴按钮粘贴尝试这种解决方案。添加处理程序到copy按钮，每次点击获取前一个input字段的值并存储在一个变量中。然后在paste点击将文本设置为paste按钮的值。

如果你有这种html结构，用这种方式很容易做到（使用prev()）。

var text = ''; 
 

 
$('.copy').on('click', function(){ 
 
    text = $(this).prev().val(); 
 
}); 
 

 
$('#paste').on('click', function(){ 
 
    $(this).prev().val(text); 
 
});

input { 
 
    display: block 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="txt1" value="Some Text 1"/> 
 
<input type="button" class="copy" value="copy" > 
 

 
<input type="text" id="txt2" value="Some Text 2"/> 
 
<input type="button" class="copy" value="copy2" > 
 

 
<input type="text"/> 
 
<input id="paste" type="button" value="paste text" >

Answer 2

，因为你说的它的工作完美的话，我明白你的问题是语言的使用存在，它既不是JavaScript或jQuery的，纯HTML是仅用于

Answer 3

var copy_text= ''; 

$('.copy_button').on('click', function(){ 
    copy_text = $(this).prev().val(); 
}); 

$('.paste_button').on('click', function(){ 
    $(this).prev().val(copy_text); 
});