选择悬停的所有文本？

Question

我有一天在网上看到了这一点，它对我很感兴趣。该网站有几串用于嵌入视频，图片等的文本。当我徘徊在它们上方时，整齐的文本框中的所有文本都被选中，使得复制/粘贴更容易。我很好奇这是如何完成的。

Answer 1

你甚至不需要jQuery的这一点。

<input onmouseover="this.select()" /> 

Answer 2

HTML

<textarea class="auto_select"></textarea> 

jQuery的

$(".auto_select").mouseover(function(){ 
$(this).select(); 
}); 

只需添加了jQuery在全局jQuery库，然后添加要悬停选择每个元素的类。

Answer 3

您可以使用这样的事情：

$("input").mouseover(function() { 
    $(this).select(); 
}); 

Answer 4

编辑：糟糕！没有看到你想要jQuery！这是它没有图书馆：

var el = document.getElementById("your-textarea"); 

if (el.addEventListener) el.addEventListener("mouseover",selectText,false); 
else if (el.attachEvent) el.attachEvent("onmouseover",selectText); 
else el.onmouseover = selectText; 

function selectText(){ 

    this.focus(); 
    this.select(); 

} 

见这里的jsfiddle：http://jsfiddle.net/GBgJ9/

Answer 5

<input type="text" onmouseover="this.select();" id="textAreaId" name="textArea"/> 

您可以使用此onmouseover或者要onclick或任何地方。那是你想要的吗？

Answer 6

$("textarea").hover(function(){ 
    $(this).select(); 
}); 

Answer 7

HTML：

<input type="text" id="test" value="Just some text here"> 

的JavaScript：

$('#test').mouseenter(function() { 
    this.focus(); 
    this.select(); 
}); 

现场演示：http://jsfiddle.net/5F8Wm/