Javascript Girl
  1. Javascript Girl
  3. Affiche l'alerte lorsque la souris survient par mot dans le texte
Intereting Posts
Date () convertit certaines chaînes de dates en heure locale Recurrente AngularJS Ng-Repeat sans comparateurs parents / enfants Suivre ajax post progress pour fileupload en utilisant jquery ajax et FormData Existe-t-il un moyen de créer des éléments DOM dans Web Worker? Positions de retour d'une correspondance regex () en version javascript? Utilisation de "ce" au lieu de "portée" avec les contrôleurs et directives AngularJS AngularJS Erreur: Module ngAnimate n'est pas disponible CKEditor dans CodeIgniter Validation javascript sur les zones de texte créées dynamiquement JQuery UI Draggable – Comment savoir qu'un élément est-il initialisé? Document.getElementById (). Value et document.getElementById (). Checked ne fonctionne pas pour IE Désactiver un bouton de soumission en cliquant dessus, empêchera le formulaire d'être soumis sur Google Chrome Évitez la tâche Grunt cssmin pour supprimer les entrées en double Chargez l'image spécifique avant toute autre chose Définition de l'objet d'événement JavaScript

Affiche l'alerte lorsque la souris survient par mot dans le texte

Je me suis heurté depuis quelques jours. J'ai besoin de quelqu'un pour me diriger dans la bonne direction. J'ai cherché sur le Web. Je ne sais pas si j'ai adopté la bonne approche. Ce dont j'ai besoin, c'est que chaque fois qu'une personne survient sur un mot-clé particulier, il devrait afficher une boîte d'alerte. Dans cet exemple, le mot est autre chose. Lorsque je lance le code, il ne donne aucune erreur et n'indique rien lorsque la souris survient sur le mot. 

function on_func2() { var searchString = 'else'; var elements = document.getElementById('paragraph2'); for (var i = 0; i < elements.length; i++) { if (elements[i].innerHTML.indexOf(searchString) !== -1) { alert('Match'); break; } } }

Utilisation du plugin jQuery lettering 

 <p class="word_split">if you were not there, else I would not have won.<p> $(".word_split").lettering('words'); $('.word_split').mouseover(function(event) { var word=event.target.innerHTML; if (word == "else") alert("Yep"); });

Voici une démo: jsFiddle

Je ferais quelque chose comme ça: il passera et trouvera tout else mots, et les enveloppera dans une portée avec un auditeur lié: 

 <p id="hello">What else would you say?</p>

– 

 ​var hello = document.getElementById('hello'); var str = hello.innerHTML; str = str.replace(​​​ /\b(else)\b/g, '<span onmouseover="func1()">$1</span>' );​​​​​​​​​​​​​​​​​​​ hello.innerHTML = str; function func1() { alert('there'); }  ​var hello = document.getElementById('hello'); var str = hello.innerHTML; str = str.replace(​​​ /\b(else)\b/g, '<span onmouseover="func1()">$1</span>' );​​​​​​​​​​​​​​​​​​​ hello.innerHTML = str; function func1() { alert('there'); }

Vérifiez le violon .