dispatchEvent pas de travail dans IE11

J'utilise le code suivant pour soumettre un formulaire:

element.dispatchEvent(new Event("submit"));

Inspecteur renvoie l'erreur:
L'objet ne prend pas en charge cette action

Cela fonctionne dans Chrome.

Le but de cette commande est de faire une division d'appel de l'événement submit d'un formulaire lorsque l'utilisateur clique dessus.

Jquery n'est pas une option

IE de la documentation: msdn.microsoft.com/en-us/library/ie/ff975247%28v=vs.85%29.aspx
Je vais avoir le même problème à Bord. Avez-vous été en mesure de trouver une solution?

InformationsquelleAutor | 2014-11-27

58

C'est le meilleur moyen pour le faire fonctionner pour IE11 et les autres navigateurs à l'examen des changements à venir.
```
var event;
if(typeof(Event) === 'function') {
    event = new Event('submit');
}else{
    event = document.createEvent('Event');
    event.initEvent('submit', true, true);
}

$el.dispatchEvent(event);
```
- confirrmed de travail dans ie11, chrome et firefox.
- Par défaut, l'Événement n'a pas de bulle et n'est pas annulable - voir developer.mozilla.org/en-US/docs/Web/API/Event/Event. Pour obtenir le même comportement dans les deux cas initiEvent('submit', false, false) doit être appelée.
- Simple, propre, fonctionne. Merci!
InformationsquelleAutor Kohei Mikami
40

J'ai juste eu le même problème, mais la suite semble fonctionner dans IE11:
```
var event = document.createEvent("Event");
event.initEvent("submit", false, true); 
//args: string type, boolean bubbles, boolean cancelable
element.dispatchEvent(event);
```
- Non, ne pas l'utiliser. il est déconseillé selon developer.mozilla.org/en-US/docs/Web/API/Event/initEvent
- Vous DEVEZ utiliser cette option si vous voulez qu'il fonctionne sur IE, voir developer.mozilla.org/en-US/docs/Web/Guide/Events/... et msdn.microsoft.com/en-us/library/ff975247(v=vs. 85).aspx C'est, actuellement, peut-être MME de mettre à jour leur logiciel.
- Ouais tu dois utiliser cette option si vous voulez qu'il soit compatible avec IE11 malheureusement.
- Pour CustomEvent au moins, une solution d'avenir est d'utiliser un polyfill. Cela peut ne pas être applicable à la Event constructeur si. Voir stackoverflow.com/questions/26596123/..., developer.mozilla.org/en-US/docs/Web/API/CustomEvent/... Le poly remplir résolu le problème pour moi de travailler avec developer.mozilla.org/en-US/docs/Web/API/CustomEvent dans IE 11
- Notez également que IE ne distribue pas de désactivé éléments, contrairement à google Chrome.
InformationsquelleAutor Taimo Kolsar
5

Il est préférable d'utiliser un polyfil de résoudre ce problème. (personnalisé-événement-polyfill)
```
# using yarn 
$ yarn add custom-event-polyfill

# using npm 
$ npm install --save custom-event-polyfill
```
puis include/require dans votre javascript

import 'custom-event-polyfill';

https://www.npmjs.com/package/custom-event-polyfill

InformationsquelleAutor Sanath
1

J'ai assemblé des morceaux de diverses approches et a obtenu ce travail:
```
var customEvent = document.createEvent('HTMLEvents');
customEvent.initEvent('myCustomEvent', true, true);
document.dispatchEvent(customEvent);
```
Pour être honnête, cela ne fait pas beaucoup de sens pour moi. Il crée un événement (en le nommant HTMLEvents semble être le cas) sur le document, puis s'en va et initialise l'événement avec un autre nom. Si quelqu'un peut expliquer ce mieux s'il vous plaît ajouter un commentaire ci-dessous de sorte qu'il peut être incorporé dans la réponse.

En tout cas, je suis capable d'écouter cet événement personnalisé dans IE11 (et les navigateurs modernes) avec un standard de l'écouteur d'événement:
```
document.addEventListener('myCustomEvent', function(){
  console.log('Event received.');
});
```
InformationsquelleAutor Mike Wheaton

Vous devez vous connecter pour publier un commentaire.