如何自动选择文本输入？

Question

当我点击页面上的另一个元素时，我想要一个选中的文本输入（就像我点击了一样）。我无法弄清楚如何做到这一点？

Answer 1

您正在寻找这样的：pure js way

<img src="http://placehold.it/350x150" 
 
onclick="document.getElementById('target').focus(); return false;"> 
 

 
<input type ="text" id="target"/>

点击图像将设置重点文本字段。

Answer 2

假设你的输入字段ID #input那么解决办法是

// Wrapper function needed to ensure that DOM elements have been already rendered. 
(function() { 

    $('#input').focus(); // jQuery 

    document.getElementByID('input').focus(); // VanillaJS 

})(); 

Answer 3

试试这个。我还没有尝试过。值得注意的是它基于jquery。

//set focus by default 
$("your_input").focus(); 
//if the focus is lost set it again 
$("div").focusout(function(){ 
    $("your_input").focus(); 
});