Javascript Girl
  1. Javascript Girl
  3. Trouver une partie de mot avant le caret dans la zone de texte
Intereting Posts
Erreur jVectorMap: "jvm n'est pas défini" Comment éviter les variables globales en JavaScript? Inverser les données de la grille HTML Passer la variable Javascript vers PHP en utilisant Ajax Masquer la valeur param (guid) dans une URL D3-tooltips pour plusieurs diagrammes dc.js liés Ouvrir PDF dans la nouvelle fenêtre du navigateur Comment puis-je redimensionner un div automatiquement à la taille de son contenu lorsque le contenu de la div a changé? Modification des valeurs de propriété de classe CSS à la volée avec JavaScript / jQuery Mise à jour du lien de connexion aux commentaires de Facebook sans la page de rechargement Générer une date aléatoire entre deux dates et heures en Javascript SELECT2 -> Ajouter des données sans remplacer le contenu Attaques XSS et attributs de style Appelant javascript sur le rendu des vues dans BackBone js. Retournement post-rendu? Vous recherchez un éditeur riche en texte léger pour un site Web d'entreprise, plus de lumière puis de teinte avec des boutons de base pour un formulaire de commentaire

Trouver une partie de mot avant le caret dans la zone de texte

J'ai un plugin jQuery qui trouve la position du caret d'une zone de texte. Je l'implémente sur la fonction de touche de la zone de texte, comme ceci: 

$("#editor").keyup(function () { var textbox = $(this); var end = textbox.getSelection().end; });

Je veux trouver le mot, ou partie d'un mot, avant le caret. Les mots sont délimités par n'importe quel type d'espace blanc.

Ma principale difficulté à faire cela concerne les casse-ligne. Comment puis-je trouver le mot ou la partie d'un mot immédiatement avant le caret compte tenu de l'indice de caractère du caret?

Si vous utilisez mon plug-in jQuery textarea pour cela, les positions des caractères de sélection sont toujours relatives à la propriété de value de la zone de texte, peu importe la façon dont le navigateur gère les sauts de ligne. Vous pourriez alors obtenir le dernier mot comme suit:

Notez que vous devez utiliser la value propriété textarea et non la méthode val() de jQuery, qui normalise les sauts de ligne. 

 $("#editor").keyup(function () { var textbox = $(this); var end = textbox.getSelection().end; var result = /\S+$/.exec(this.value.slice(0, end)); var lastWord = result ? result[0] : null; alert(lastWord); });