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 !