Javascript Girl
  1. Javascript Girl
  3. Détectez ce qui est sélectionné (en surbrillance) ou cliquez sur un élément sur une page?
Intereting Posts
Comment appeler une fonction côté serveur côté client (p. Ex. Bouton html onclick) dans Node.js? La meilleure façon d'inclure des informations discrètes sur une page Web Ajuster les différentes images comme fait dans Ted.com Javascript convertit la couleur HSB / HSV en RVB avec précision Pourquoi Angular.js appelle-t-il si souvent ma fonction avec ng-change et comment puis-je appeler une seule fois par changement? Plusieurs instances sur une page avec Javascript Obtention d'une fenêtre de visualisation SVG originale via javascript Underscore.js _.template provoque une erreur de l'extension Chrome Quelle est la technique utilisée par le code de suivi analytique Google? Comment envoyer des données HTML <canvas> au serveur Modifier le contenu de mon iframe css JQuery checkbox check state changed event Concept de partage de ressource croisée (CORS) Angulaire, limite et suivi par indice de $ Modèle dynamique Angular2 ou ng-include

Détectez ce qui est sélectionné (en surbrillance) ou cliquez sur un élément sur une page?

Comment faire pour détecter ce qui a été sélectionné sur une page dans un navigateur? Exemple: cliquez, maintenez, sélectionnez 3 mots et 1 image sur une page, relancez.

Sous-question: Comment détecter la lettre sur laquelle quelqu'un a cliqué?

Sans utilisation: Un injecteur à plomb qui brise tout ou un plugin WYSIWYG

J'espère que ce n'est pas seulement un type d'interaction de navigateur que vous ne pouvez pas détecter.

Il pourrait y avoir de nombreuses utilisations, mais mon objectif est un simple éditeur de page «en direct», ou du moins une façon de savoir ce que quelqu'un clique sur / choisissant en dehors de l'identité d'un élément.

window.getSelection() est ce dont vous avez besoin dans tous les principaux navigateurs sauf IE <9, qui possède une API différente. window.getSelection() renvoie un objet Selection ( spec ) à partir duquel vous pouvez extraire une plage DOM ( spec ) représentant la sélection.

Pour IE <9, vous pouvez consulter document.selection ou utiliser une bibliothèque telle que mon propre Rangy , qui fournit la même API basée sur les standards dans tous les principaux navigateurs.