ホバー上のすべてのテキストを選択しますか？

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/