Skip to content

Update events.md #135

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 16, 2018
Merged

Update events.md #135

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/v2/guide/events.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,7 @@ Pour résoudre ce problème, Vue propose des modificateurs d'évènements pour `
<div v-on:click.self="doThat">...</div>
```

<p class="tip">L'ordre a de l'importance quand vous utilisez des modificateurs car le code est généré dans le même ordre. Aussi utiliser `v-on:click.prevent.self` va empêcher **tous les clicks** alors que `v-on:click.self.prevent` va uniquement empêcher le clique sur l'élément lui-même.</p>
<p class="tip">L'ordre a de l'importance quand vous utilisez des modificateurs car le code est généré dans le même ordre. Aussi utiliser `v-on:click.prevent.self` va empêcher **tous les clics** alors que `v-on:click.self.prevent` va uniquement empêcher le clic sur l'élément lui-même.</p>

> Nouveau dans la 2.1.4+

Expand All @@ -219,7 +219,7 @@ Vue offre également un modificateur `.passive` correspondant à [l'option `pass

Le modificateur `.passive` est particulièrement pratique pour améliorer les performances sur mobile.

<p class="tip">N'utilisez pas `.passive` et `.prevent` ensemble. `.passive` sera ignoré et votre navigateur va probablement vous montrer un message. Souvenez vous, `.passive` communique au navigateur que vous _ne voulez pas_ prévenir le comportement de l'évènement par défaut.</p>
<p class="tip">N'utilisez pas `.passive` et `.prevent` ensemble. `.passive` sera ignoré et votre navigateur va probablement vous montrer un message. Souvenez-vous, `.passive` communique au navigateur que vous _ne voulez pas_ prévenir le comportement de l'évènement par défaut.</p>

## Modificateurs de code des touches

Expand Down Expand Up @@ -296,7 +296,7 @@ Par exemple :
<div @click.ctrl="doSomething">Do something</div>
```

<p class="tip">Notez que ces modificateurs de raccourcis sont différents des modificateurs usuels utilisés avec l'évènement `keyup`, ils doivent être pressés quand l'évènement est émis. En d'autres mots, `keyup.ctrl` sera déclenché uniquement si vous relachez une touche pendant que vous maintenez la touche `ctrl` enfoncée. Rien ne sera déclenché si vous relâchez uniquement la touche `Ctrl`. Si vous souhaitez un tel comportement, utilisez le `keyCode` pour `ctrl` à la place : `keyup.17`.</p>
<p class="tip">Notez que ces modificateurs de raccourcis sont différents des modificateurs usuels utilisés avec l'évènement `keyup`, ils doivent être pressés quand l'évènement est émis. En d'autres mots, `keyup.ctrl` sera déclenché uniquement si vous relâchez une touche pendant que vous maintenez la touche `ctrl` enfoncée. Rien ne sera déclenché si vous relâchez uniquement la touche `Ctrl`. Si vous souhaitez un tel comportement, utilisez le `keyCode` pour `ctrl` à la place : `keyup.17`.</p>

### Modificateur `.exact`

Expand Down