Comment utiliser onkeyup et onkeydown pour une balise d'entrée ?

Rhugveda Desai

J'ai un champ de saisie et je veux faire des calculs en fonction de keyup et keydown. J'ai essayé d'utiliser les fonctions onkeyup et onkeydown, mais lorsque j'appuie sur une touche du clavier, il imprime à la fois "keyup" et "keydown" dans la console. Existe-t-il une autre fonction qui différencie les événements keyup et keydown séparément ? Mes balises d'entrée sont à l'intérieur de la table html. C'est mon code

  $('table input').on('keyup', function(){
      console.log("keyup");
  });

  $('table input').on('keydown', function(){
      console.log("keydown");
  });
Praveen Kumar Purushothaman

Je suggérerais de ne pas mélanger jQuery et JavaScript pur. Tout ce dont vous avez besoin est d'ajouter le keyup keydownau lieu de input:

$('table input').on('keyup keydown', function() {
  var parent = $(this).closest('tr');
  var value = parent.find('[name="item_value[]"]').val();
  var amount = parent.find('[name="quantity[]"]').val();
  var total_cost = value * amount;
  parent.find('[name="total_cost[]"]').val(total_cost);
  total_value = total_value + total_cost;
  $('#total').val(total_value);
});

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Comment utiliser une balise d'entrée pour prendre une entrée utilisateur et renvoyer une valeur avec javascript?

utilisez onkeydown ou onkeyup pour déclencher une fonction sans configurer d'entrée Javascript

comment utiliser/implémenter des balises d'entrée et une balise jsx personnalisée pour la coloration syntaxique à l'aide de Highlight.JS ?

Comment définir une plage et utiliser une entrée, utiliser cette plage pour imprimer

comment obtenir une valeur de la balise d'ancrage et l'utiliser pour une autre fonction

Comment utiliser iterator_category pour indiquer la balise d'une classe d'itérateur personnalisée ?

Comment utiliser un exposant dans une balise d'entrée de texte HTML?

Comment itérer la balise d'entrée avec une balise div et afficher plusieurs balises d'entrée en fonction des données d'entrée

comment passer la valeur de la balise d'entrée à une fonction (clic) et l'utiliser dans le service angular 8

Comment Json.Encode une chaîne et l'utiliser comme valeur pour le champ d'entrée masqué?

Comment accepter l'entrée de l'utilisateur pour une constante et utiliser la mémoire du processus d'écriture ?

Comment utiliser l'entrée multiplate onkeyup?

(JavaScript et HTML) Comment cibler une balise d'entrée spécifique via JavaScript

Comment utiliser runat = "server" dans la balise d'entrée?

Comment détecter une pression sur une touche sans utiliser de balise d'entrée dans Blazor

Comment obtenir la valeur d'une option de sélection et l'utiliser pour interroger un tableau, pour remplir une autre entrée

comment ajouter une classe cochée pour l'identifiant d'une balise d'entrée dans une autre balise <label> ou <p> ou <a>

Erreur: l'entrée est une balise d'élément void et ne doit pas avoir `children` ni utiliser` dangerouslySetInnerHTML`

Comment utiliser nom take_ while et is_digit pour une entrée & str

Comment puis-je utiliser onkeydown en dehors d'un élément d'entrée ?

Comment utiliser une valeur d'entrée pour localiser une cellule contenant la même valeur?

Comment utiliser onkeydown-onkeypress-onkeyup dans cet exercice

Comment utiliser le bloc try-except pour valider l'entrée et utiliser une instruction while pour inviter l'utilisateur à obtenir une entrée valide en Python?

Comment obtenir les premières lettres d'une cellule Excel spécifique et l'utiliser comme entrée pour une partie de la sortie suivante

Quelles fonctions Tkinter dois-je utiliser pour trouver les coordonnées d'une entrée de texte placée au hasard (dans le canevas) et comment?

Comment utiliser la fonction d'entrée pour appeler la valeur d'une variable ?

Comment utiliser Element.findall() pour rechercher une balise et imprimer sa valeur

Comment utiliser jquery hover pour un div et une balise html dans le même div

Comment utiliser grep et regex pour extraire des informations dans une balise spécifique

TOP liste

  1. 1

    Filtrer le dataframe basé sur plusieurs colonnes d'un autre dataframe

  2. 2

    Laravel SQLSTATE [HY000] [1049] Base de données inconnue 'previous_db_name'

  3. 3

    Enregistrer le chemin de l'image de la galerie vers la base de données de la salle et l'afficher dans la liste des recycleurs

  4. 4

    Comment afficher du texte au milieu de div avec une couleur d'arrière-plan différente?

  5. 5

    Microsoft.WebApplication.targets

  6. 6

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  7. 7

    Échec de l'exécution de 'insertBefore' sur 'Node': le paramètre 1 n'est pas de type 'Node'

  8. 8

    Empêcher l'allocation de mémoire dans la génération de combinaison récursive

  9. 9

    Comment analyser un fichier avec un tableau d'objets JSON en utilisant Node.js?

  10. 10

    comment afficher un bouton au-dessus d'un autre élément ?

  11. 11

    Comment centrer un div tout en utilisant la transition et transformer avec l'échelle

  12. 12

    Filtrer les données en fonction des conditions d'une trame de données

  13. 13

    ESP8266 HADRWARE MINUTERIE, USA pour cocher une macro étrange

  14. 14

    Comment définir du texte dans un QLabel et afficher les caractères '<>'?

  15. 15

    System.Data.SqlClient.SqlException: 'Nom de colonne non valide' ApplicationRoleId '.'

  16. 16

    Pourquoi Phantomjs ne fonctionne pas avec ce site ?

  17. 17

    Stop jQuery execution after one time execution

  18. 18

    Concaténer des variables dans ansible

  19. 19

    Comment calculer la probabilité du graphique de densité?

  20. 20

    php ajouter et fusionner des données de deux tables

  21. 21

    Redirection HTTP vers HTTPS dans Java à l'aide de HTTPURLConnection

chaudétiquette

Archive