通过双击或单个字母选择使焦点成为输入的 div

Question

我希望能够通过双击或单个字母来选择文本，如何使用纯Javascript来做到这一点？

<div onclick="document.getElementById('text').focus();">test</div>
<input type="text" id="text"/>

Answer 1

所以你的问题是你想在text上focus当你点击test但你也希望能够选择文本test？

很容易涵盖选择的第一种情况 - 只需取消关注鼠标移动事件即可。

但第二种情况更困难，因为onclick事件先于ondblclick所以你不能在其中做太多事情。一种可能的解决方案是将聚焦延迟几毫秒，并在双击事件时取消此操作

演示：http://jsfiddle.net/Fyxqe/1/

Answer 2

好的，

现在我明白了。也许这可以解决你的问题

小提琴 ： http://jsfiddle.net/dDfRJ/2/

$("#click").bind('copy', function() {
  $('input').focus();
});

我已经将副本绑定到文本，以便当您复制该特定文本时，输入得到焦点

干杯！

Answer 3

是你要找的吗？

使用以下 JS 和 html

<form name="select_all">
<textarea name="text_area" rows="10" cols="80" 
ondblclick="javascript:this.form.text_area.focus();this.form.text_area.select();">
Selectable text herem selectable text here.
</textarea>
</form>

查看演示：--- http://jsfiddle.net/npsingh/eMYh9/