Simuler des événements avec Javascript

Lorsqu'on utilise pas mal Javascript et qu'on attache beaucoup d'événements aux éléments HTML il arrive parfois des moments où on aimerait bien activer un événement sur un bouton ou sur d'autres éléments du DOM directement dans le code. J'ai eu notamment besoin lorsque j'ai travaillé avec le datepicker bootstrap-datetimepicker et que j'avais besoin de déclencher une action qui se passait lorsqu'on modifiait un champ date.
En effet, je modifiais la valeur du champs en JS et la nouvelle valeur ne voulait jamais surcharger l'ancienne. J'ai donc dû utiliser une action qui me permettait de déclencher un événement de type "change" sur le champ input. Cet événement permettait d'ajouter réellement la valeur à l'input et la simulation de cet événement a permis à mon code d'être fonctionnel.

Exemple avec jQuery

Voici un exemple qui permet de déclencher un événement de type "change" sur un bouton d'id "button_change" :

$('button#button_change').trigger("change");


J'espère que cet exemple vous évitera de perdre trop de temps en recherches Google.