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只用于那个

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

3 个答案: