Javascript 选择悬停时的所有文本？

前几天我在网上看到了这一点，这引起了我的兴趣。该网站有几个用于嵌入视频、图片等的文本字符串。当我将鼠标悬停在这些字符串上时，文本框中的所有文本都被选中，从而更易于复制/粘贴。我很好奇这是怎么做到的。

HTML

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

---

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

您可以使用以下内容：

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

---

编辑：哎呀！没看到你想要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();

}

---

在这里看到一个JSFIDLE:

您甚至不需要jQuery

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

您可以在mouseover或

onclick

或任何您想要的地方使用此功能。这就是你想要的吗？

HTML:

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

---

现场演示：

非常简单，但又非常优雅。我知道这可能是一个jquery单行程序。：）我只是觉得使用jQuery更容易。我主要是好奇这是怎么做到的。谢谢：）看到这个提醒了我，在我看到的迭代中，他们不得不使用hover，因为当鼠标移动到框区域外时，文本未被选中。谢谢你提醒我：）

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

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

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

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