Javascript Girl
  1. Javascript Girl
  3. Comment faire pour que la boîte de texte soit activée et désactivée dans jquery
Intereting Posts
Le style d'une polyligne Google Maps v3 avec des pointillés ou des points? D3.js Eléments de tracé utilisant des coordonnées polaires Ajouter des options à un <select> en utilisant jQuery? Comment gérer le menu déroulant de sélection multiple – JQuery Preg_match_all JS équivalent? Qu'est-ce qu'une fermeture? Java a-t-il des fermetures? Comment fonctionne HTML5 Boilerplate jQuery library failback? Comment animer un div se déplace horizontalement lorsque la page est défilée vers le bas? Quelle est la puissance des navigateurs mobiles par rapport aux ordinateurs de bureau? Javascript Comment appeler une fonction lorsque nous choisissons Rester sur la page en Chrome Pour chaque méthode de Node.childNodes? Différence entre 'var foo = function …' et 'function foo () …' Python datatructures dans js datastructures en utilisant les modèles Django (listes et dicts) Cliquez sur <li> de <ul onclick> Définir une variable d'environnement en javascript

Comment faire pour que la boîte de texte soit activée et désactivée dans jquery

J'ai écrit un exemple de code de html et de script de la manière suivante: lorsque j'effectue ce code, je recevrai cette alerte, bonjour, mais une autre alerte lorsque je change à cca en appuyant sur le bouton de tabulation puis je ne montre pas d'alerte. Comment utiliser cette zone de texte et activer et désactiver d'autres champs de texte de celle-ci.

HTML: 

<div id="cca" class="leaf"> <label class="control input text" title=""> <span class="wrap">cca</span> <input class="" type="text" value="[Null]"> <span class="warning"></span> </label> </div>

JS: 

 jQuery(document).ready(function () { alert("hello"); jQuery("#cca label.control input").on('change', function (event) { alert('I am pretty sure the text box changed'); event.preventDefault(); }); });

Je ne suis pas vraiment sûr de ce que vous essayez de faire, mais je peux aider à améliorer l'alerte. Vous n'utilisez pas correctement jQuery "on" correctement.

$('#thisNeedsToBeContainer').on('focusout', '#elemToBindEventTo', function (event)....

L'un des éléments suivants fera de ce dont vous avez besoin:

Cela va déclencher lorsque la zone de texte est laissée 

 $(document).ready(function () { alert("hello"); $("#cca").on('focusout', 'label.control input', function (event) { alert('I am pretty sure the text box changed'); event.preventDefault(); }); });

Cela déclenchera le change 

 $(document).ready(function () { alert("hello"); $("#cca").on('change', 'label.control input', function (event) { alert('I am pretty sure the text box changed'); event.preventDefault(); }); });

Ceci déclenchera la keyup de keyup en tapant 

 $(document).ready(function () { alert("hello"); $("#cca").on('onkeyup', 'label.control input', function (event) { alert('I am pretty sure the text box changed'); event.preventDefault(); }); });

Voir Demo sur JsFiddle

Vous devez également fermer votre saisie: 

 <input class="" type="text" value="[Null]"/>

Vous écoutez l'événement de change , qui ne se déclenchera que lorsque l'entrée perd son focus. Étant donné que le code que vous avez fourni déclenche une alerte une fois que le focus quitte l'entrée (par onglet ou clic), je suppose que vous attendiez une réponse après avoir tagué mais avant de changer de focus. Pour ce faire, écoutez l'événement d' input place.