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

HTML：

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

JavaScript的：

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

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

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

您可以使用以下内容：

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

选择悬停时的所有文字？

7 个答案: