jQuery Girl
  1. jQuery Girl
  3. Comment puis-je vérifier avec JQuery si un certain mot est saisi dans le navigateur?
Intereting Posts
Quel événement appartient à «taper du texte dans un champ de texte» à l’aide de jQuery Les sélecteurs jQuery sélectionnent-ils dans un object HTML autre que dans la racine du document? Quel est le meilleur moyen d’afficher des listes HTML (non ordonnées) sous forme d’arborescence descendante? SimpleCart.js item link indéfini, impossible d’obtenir le lien pour qu’il fonctionne jQueryMobile: comment travailler avec des événements de curseur? L’index z ne fonctionne pas correctement dans le menu, en raison du curseur jQuery jQuery validate plug in – valide les éléments masqués uniquement lorsqu’ils sont visibles Obtenir la largeur de l’élément sans atsortingbut css ou width Puis-je transmettre les promesses à jQuery.when () ou uniquement les différés? Valider le plugin jQuery, champ non requirejs Bascule le statut des boutons radio dans jQuery Rappel du plugin jQuery Position div par rapport à div non parent – est-ce possible? comment valider une zone de texte générée dynamicment avec une référence à une autre zone de texte à l’aide de jquery JQuery, parameters de passage

Comment puis-je vérifier avec JQuery si un certain mot est saisi dans le navigateur?

C’est drôle, je veux afficher une certaine div sur un site Web uniquement si un mot secret est tapé sur cette page (aucun formulaire n’est présent). Quel est le moyen le plus simple de réaliser cela avec JQuery? Y a-t-il des plugins? Merci d’avance à Tabaluga 

if ( window.addEventListener ) { var kkeys = [], konami = "68,73,78,78,69,82"; //this spells dinner window.addEventListener("keydown", function(e){ kkeys.push( e.keyCode ); if ( kkeys.toSsortingng().indexOf( konami ) >= 0 ) { // run code here $("#text").hide().fadeIn("slow").html('Now the website will appear.'); } }, true); }

vous pouvez vérifier quelles lettres sont quoi en faisant: 

 if ( window.addEventListener ) { window.addEventListener("keydown", function(e){ $("#text").append(e.keyCode + " "); }, true); }

essayez d’utiliser le plugin js-hotkey jquery : 

 $(document).bind('keydown', 's+e+c+r+e+t', fn);

Aussi, vous voudrez peut-être inspecter via KonamiCodeWebsites pour voir comment cela fonctionne:

Sur ce site, vous devez entrer le code Konami (UP + UP + DN + DN + LFT + LFT + RGT + RGT + B + A) pour pouvoir accéder au site!

Pure javascript: 

 var typedWord = ''; window.addEventListener('keypress', function(e){ var c = Ssortingng.fromCharCode(e.keyCode); typedWord += c.toLowerCase(); if(typedWord.length > 4) typedWord = typedWord.slice(1); if(typedWord == 'jogo') alert('JOGO'); });

http://codepen.io/rafaelcastrocouto/pen/xeGps

HTML:

JS: 

 var pass="password"; var typed=""; $(document).keypress( function (e) { typed += Ssortingng.fromCharCode(e.which); if (typed===pass) { $('.secret').show(); } } );

Si vous connaissez les fermetures Javascript, vous pouvez vous débarrasser des variables globales suivantes: 

 $(document).keypress((function(e) { var pass = "password"; var typed = ""; return function(e) { typed += Ssortingng.fromCharCode(e.which); console.log(typed); if (typed === pass) { $('.secret').show(); } }; })());

Voici un exemple de ce que vous pouvez faire: http://jsfiddle.net/Akkuma/CGmnw/

Ceci est un prototype pour clarification. En gros, cela permet de conserver un tableau de codes de touches sur lesquels il faut appuyer dans cet ordre. Il incrémente ensuite la vérification et se réinitialise lorsqu’une clé incorrecte est détectée ou que le temps imparti pour la saisir est écoulé.

Le prototype offre à la fois une réinitialisation sur une pression de touche incorrecte et au bout d’un certain temps.

On dirait que vous devez écouter les événements au clavier. 

 $(document).ready(function(){ var currentKey = 0; var validKeyArray = [22,23,24]; //list of valid keys to listen to in order $('body').keyup(function(event) { if (event.keyCode == validKeyArray[currentKey]){ currentKey ++; } else { currentKey = 0; } if (currentKey == validKeyArray.length){ // SUCCESS! Do your magic div right here! // console.log('SUCCESS!'); } }); });