The mandate
Récupérer la sélection de texte en JavaScript

Récupérer la sélection de texte en JavaScript

Catégorie: Javascript.
Posté par le 03/09/2014.
Dernière mise à jour le 03/09/2014.

Description

Tout au long de ce tutoriel, vous apprendrez comment récupérer la sélection d'un texte en JavaScript.

Introduction

Ce tutoriel peut être réalisé à l'aide d'un simple éditeur de texte comme le « bloc note ». Il nécessite des connaissances de base en JavaScript.

La page HTML

Afin de tester notre script, nous allons créer un page avec du texte. Pour ce faire créer « selection.html »:

selection.html

<html><head>
<script language="javascript" src="checkSelection.js"></script>
</head><body>
   <div id="text" onMouseUp="checkSelection()">
      <p>Voici le texte, afin de récupérer la sélection en JavaScript à l'aide de jquery</p>
   </div>
</body>
</html>

Récupérer la sélection

Ensuite, afin de récupérer la sélection en JavaScript, nous allons créer la méthode « checkSelection ». Pour ce faire, créez le fichier « checkSelection.js »:

checkSelection.js

function checkSelection(){
    var selection = window.getSelection().getRangeAt(0);
    var selectedText = selection.extractContents();
    if(selectedText.textContent != "")
        alert(selectedText);
}

Tu as aimé ce tutoriel ?
Aide nous à améliorer le site ! Deviens partenaire officiel ou suis nous sur facebook !

Commentaires[0]

Tu as aimé ce tutoriel ? Alors partage-le avec tes amis !
Partager sur Facebook Partager sur Twitter Partager sur Myspace Partager sur Stumbleupon Soumettre sur Reddit Partager sur Digg Ajouter à vos favoris Technorati Ajouter à vos favoris Live Ajouter à vos favoris Google Ajouter sur vos favoris Yahoo Voir le flux rss

Mots Clés: JavaScript

Veve :
(11/04/2013 - 17:19:44)
il faut juste mettre "sudo" à la place de "su" pour exécuter la commande en root

Veve :
(11/04/2013 - 17:18:56)
Salut tu peux aller lire ce tutoriel: http://www.tutorielsenfolie.com/tutoriels-63-installation-configuration-opennebula.html Il fonctionne aussi sous ubuntu

safa.souissi4 :
(10/04/2013 - 20:58:13)
s'il vous plait c urgent :(

safa.souissi4 :
(10/04/2013 - 20:56:25)
bonsoir,je cherche un tutos pour installer opennebula.org sous ubuntu 12.

Veve :
(18/03/2013 - 20:07:49)
oui, j'essaye de voir d'ou viens le problème.

sonde :
(18/03/2013 - 13:29:57)
re merci (j apprend un peu plus) je crois que j ai trouver pourquoi je peu pas poster si il y a ligne code impossible de poster lol

Veve :
(17/03/2013 - 21:34:49)
Salut, j'espère que ça t'a aidé.

sonde :
(17/03/2013 - 09:59:02)
pour ton aide

sonde :
(17/03/2013 - 09:57:36)
slt Veve impossible de laisser com

sonde :
(17/03/2013 - 09:56:55)
??

Demi-dieu :
(15/03/2013 - 18:41:13)
salut ^^

sonde :
(13/03/2013 - 14:49:35)
un petit coucou

Tanamoureuse :
(29/09/2011 - 06:11:08)
Je t'aime

Faire un don

Ma Publicité ici


Faire un don