comment sélectionner tous les mots quand un focus div en utilisant jquery

Question

voici mon code:

<div id="box" style="border:1px solid red;height:100px;width:150px;position:relative;background:#eee"> 
     <div id="head" style="background:black">drag me</div> 
     <div id="content" contenteditable=true style="border-bottom:1px solid red;height:70px;margin-bottom:5px;"> edit it </div> 
     <input id="ok" type="button" value="ok"/> 
     <input id="cancel" type="button" value="cancel"/> 
    </div> 

et le script est:

$('#content').focus() 

la démo est ici: http://jsfiddle.net/VRxZe/8/

comment peut je sélectionne 'edit it'

merci

Answer 1

Si vous voulez sélectionner du texte dans un élément, vous pouvez utiliser des plages. Le code ci-dessous devrait fonctionner avec Firefox et Opera et Chrome. Une autre histoire est IE. Pour ce navigateur, vous devrez create nouvel objet TextRange et utiliser ses méthodes moveToElementText et sélectionnez.

var content = document.getElementById('content'); 
var selection = window.getSelection(); 
var range = document.createRange(); 
range.selectNodeContents(content); 
selection.removeAllRanges(); 
selection.addRange(range); 
content.focus() 

Le code ci-dessous pour IE

var content = document.getElementById('content'); 
var rng = document.body.createTextRange(); 
rng.moveToElementText(content); 
rng.select(); 
content.focus() 

Hope this helps.

Answer 2

Eh bien, vous êtes presque là :)

$('#box').focus(function() 
      { 
       $('#content', this).select(); 

      });