jQuery Girl
  1. jQuery Girl
  3. input, l’événement onchange ne se déclenche pas lorsque la valeur est définie manuellement
Intereting Posts
document.getElementById renvoie la valeur null après la création d’un nouvel emballage à l’aide d’angularjs Utilisation des icons de l’interface utilisateur jQuery jQuery: la souris survole-t-elle l’élément? Comment append plus de lignes lors du défilement vers le bas avec Javascript Jquery, événement de reliure de la molette de la souris, puis sa réassociation une fois les actions terminées? Calculer en arrière dans un tableau Javascript Création de modèles de canevas HTML5 et remplissage de ces éléments limiter le texte avec jquery jQuery chacun et keyup Obtenir une réponse JSON en dehors de la fonction jQuery? ne faisant pas défiler avec le Comment trouver le code HTML div à partir du résultat de la publication ajax dans jquery Ne fermez les info-bulles que si la souris n’est pas au-dessus de sa cible Façons d’accélérer les requêtes ajax Ajouter dynamicment des éléments à la galerie Magnific Popup

input, l’événement onchange ne se déclenche pas lorsque la valeur est définie manuellement

Je veux saisir l’événement sur le curseur de plage même si j’appuie sur un bouton et modifie la valeur par 

$("input").val(1);

http://jsfiddle.net/BaEar/188/

Mais l’événement “entrée” ne se déclenche pas en appuyant sur un bouton. Et le “changement” ne fonctionne pas non plus.

HTML:

Javascript: 

 $("input").on("input", function() { //Does not fire on button click :( $("#output").text($(this).val()); }); $("button").click(function() { $("input").val(1); });

Quelqu’un a une solution? Merci 🙂

Tout d’abord, changez on gestionnaire on pour utiliser change comme 

 $("input").on("change", function() { $("#output").text($(this).val()); });

Deuxièmement, déclenchez-le manuellement dans le gestionnaire de clics, comme 

 $("button").click(function() { $("input").val(1); $("input").sortinggger("change"); });

violon

Je pense que $("input").val(1) devrait être remplacé par $("input").val(1).sortinggger('input'); . Vous êtes à l’écoute de input événement d’ input , donc, après avoir modifié la valeur, cet événement doit être déclenché.

jsfiddle -> http://jsfiddle.net/BaEar/191/

Essaye ça: 

 $("input").on("input change", function() { $("#output").text($(this).val()); }); $("button").click(function() { $("input").val(1); $("input").change(); });

http://jsfiddle.net/BaEar/192/

Le curseur de plage est donc normalement mis à jour en modifiant la valeur. La solution AmmarCSE ne se déclenche que si une valeur est définie.