Question

我已经阅读了许多与我有相同问题的人的stackoverflow问题，但大多数修补程序都已弃用（jQuery）。

我想点击一个按钮突出显示一个textarea，供人们复制粘贴。可以使用jQuery来解决这个问题。

<div class="profile">
  <textarea class="text">Hello!</textarea>
  <a href="#"><div class="button">Copy</div></a>
</div>

如何制作它以便在单击按钮时它将.focus和.select textarea。我将拥有多个配置文件div，因此必须是按钮上方的那个。小提琴：http://jsfiddle.net/c4aa189e/

我好像已经修好了它 $(this).prevAll('textarea:first').select().focus().click();并删除按钮前面的<a href="#">。

谢谢！

Answer 1

我认为这就是你所追求的 - 紧接在前的textarea得到焦点并且文本被选中。这是使用最新版本的jquery。

$('.btn').click(function() {
  $(this).prevAll('textarea:first').focus().click();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea class="profile" onclick="this.select()">123456</textarea>
<textarea class="profile" onclick="this.select()">ABCDEFG</textarea>
<br/>
<br/>
<button class="btn">CLICK ME</button>
<br>
<br>
<textarea class="profile" onclick="this.select()">UVWXYZ</textarea>
<br/>
<br/>
<button class="btn">CLICK ME</button>

单击按钮以选择文本

1 个答案: