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

Question

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

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

Answer 1

所以你的问题是你想focus在text点击时打开，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/