Comment puis-je: sélectionner un paragraphe avec JavaScript (sur clic)?

Est-il possible de sélectionner tout le texte d’un élément (par exemple, un paragraphe

) avec JavaScript? Beaucoup de gens pensent que jQuery .select() ferait cela, mais ce n’est pas le cas. Cela déclenche simplement un événement. Notez que les objects DOM pour éléments ont une méthode select() native, contrairement à la plupart des autres éléments (tels que et

).

(Dois-je utiliser un content-editable pour que cela fonctionne?)

Si vous devez prendre en charge les navigateurs ultérieurs, par exemple IE9 +, vous pouvez utiliser le fichier suivant http://jsfiddle.net/q04jp0qx/2/

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

Liens connexes:

Pour obtenir une assistance sur tous les navigateurs, voir https://github.com/timdown/rangy à partir de https://stackoverflow.com/users/96100/tim-down.

select() fonctionnera uniquement sur les éléments et

Aussi oui, vous devrez utiliser:

 contenteditable="true" 

Et utilisez .focus() pour sélectionner tout le texte.

Essaye ça:

 

Your Text Here

JSFiddle Demo