Javascript Girl
  1. Javascript Girl
  3. Comment ajouter du texte dans TextArea à l'emplacement du curseur en utilisant Javascript
Intereting Posts
Regex ne permet qu'un seul point dans une zone de texte Est-ce que tout appel de queue de moteurs Javascript est optimisé? Javascript inline onclick goto local ancre Eclipse JavaScript formateur fou (c'est-à-dire: trop de rembourrage) L'équation paramétrique pour placer un traceur sur la circonférence d'un cercle n'est pas précise? Javascript réduit sur un éventail d'objets Optimiser la vitesse de défilement pour Internet Explorer 11 Quel est le cas d'utilisation de Javascript (ES6) Array.of ()? Toutes les solutions de rechange de Python à Selenium pour ouvrir une session programmée sur les sites Web qui nécessitent le JavaScript pour la connexion? BlockUI vs ajax avec option asynchique à faux Javascript – Récupérer les noms des fichiers dans un dossier Est-il possible de .sort (comparer) et .reverse un tableau dans angularfire? Existe-t-il une bibliothèque de mathématiques décimales pour JavaScript? Quelle est la différence entre l'appel et la candidature? Comment Facebook réalise-t-il un défilement infini?

Comment ajouter du texte dans TextArea à l'emplacement du curseur en utilisant Javascript

J'ai un TextArea, un TextBox et un bouton. TextArea a un texte, par exemple, c'est un chat.

Maintenant, ma condition est que si quelqu'un définit la position du curseur dans TextArea et entre le texte dans la zone de texte et clique sur le bouton, le texte devrait être ajouté en position de curseur au lieu de la dernière. par exemple

TextArea: c'est un chat. Position du curseur: après "a" Texte saisi dans TextBox: noir

Sortie: c'est un chat noir.

Comment puis-je utiliser JavaScript?

Merci d'avance.

J'ai déjà répondu à cela:

Insertion de texte au curseur dans une zone de texte avec Javascript

Une note supplémentaire est que IE perdra la position du caret au moment où un événement de clic déclenchera sur un bouton. Pour contourner cela, vous pouvez soit utiliser l'événement mousedown place, soit rendre le bouton désélectionnable en ajoutant un attribut unselectable="on" .

Utilisation de Google : Comment puis-je ajouter du texte à une zone de texte à l'emplacement du curseur en utilisant javascript

Copiez le code de la publication ci-dessus (The one by Tim Down) et remplacez 

 insertTextAtCaret(textarea, "[INSERTED]");

avec 

 var textBox = document.getElementById("your-textbox-name"); insertTextAtCaret(textarea, textbox.value);