Vue: La répartition des événements n'est pas effectuée dans le bon ordre ?

Créé le 29 juil. 2016  ·  3Commentaires  ·  Source: vuejs/vue

Version vue.js

1.0.26

Lien de reproduction

http://codepen.io/anon/pen/akjNbW

Étapes à reproduire

  1. Cliquez sur l'entrée
  2. Essayez de cliquer sur le bouton

    Qu'est-ce qui est attendu ?

Un événement de clic à déclencher, puis le flou pour continuer.

Que se passe-t-il réellement ?

Un événement de flou est appelé et l'événement de clic est supprimé.


Je n'ai aucune idée si cela est lié à Vue ou à la façon dont le navigateur gère les délégations d'événements. Bien que j'aie testé cela avec Firefox, Chrome, IE et Edge, ils se sont tous comportés de la même manière.

Tout indice serait très apprécié.
Merci d'avance.

Commentaire le plus utile

Il s'agit d'un comportement standard du navigateur. Vous voudrez peut-être écouter l'événement mousedown la place.

Une bonne façon serait d'utiliser une logique plus compliquée :

  • Donnez au bouton un moment pour disparaître après le flou d'entrée.
  • Force le bouton à être visible si le bouton lui-même est focalisé.

Tous les 3 commentaires

C'est une question intéressante.
Je pense que le keydown lié au clic déclenche le flou sur l'entrée avant même que l'événement de clic ne soit déclenché.

Rusé.

Il s'agit d'un comportement standard du navigateur. Vous voudrez peut-être écouter l'événement mousedown la place.

Une bonne façon serait d'utiliser une logique plus compliquée :

  • Donnez au bouton un moment pour disparaître après le flou d'entrée.
  • Force le bouton à être visible si le bouton lui-même est focalisé.

L'événement mousedown est suffisant je pense, merci beaucoup @simplesmiler !

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

WolfgangFellger picture WolfgangFellger  ·  3Commentaires

bfis picture bfis  ·  3Commentaires

lmnsg picture lmnsg  ·  3Commentaires

bdedardel picture bdedardel  ·  3Commentaires

hiendv picture hiendv  ·  3Commentaires