File tree Expand file tree Collapse file tree 1 file changed +8
-4
lines changed Expand file tree Collapse file tree 1 file changed +8
-4
lines changed Original file line number Diff line number Diff line change 1
1
---
2
2
title : イベントハンドリング
3
- updated : 2018-01-10
3
+ updated : 2018-01-30
4
4
type : guide
5
5
order : 9
6
6
---
@@ -208,14 +208,18 @@ methods: {
208
208
209
209
> 2.3.0 で新規追加
210
210
211
+ Vue は [ ` addEventListener ` の ` passive ` オプション] ( https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener#Parameters ) に対応する ` .passive ` 修飾子も提供しています。
212
+
211
213
``` html
212
- <!-- スクロールイベントはデフォルトのスクロールの挙動をキャンセルしません -->
214
+ <!-- スクロールイベントのデフォルトの挙動(スクロール)は -->
215
+ <!-- `onScroll` が `event.preventDefault()` を含んでいる場合、 -->
216
+ <!-- イベントの完了を待たずに即座に起きるでしょう。 -->
213
217
<div v-on:scroll.passive =" onScroll" >...</div >
214
218
```
215
219
216
- これらの修飾子に加え、Vue は特にモバイルでのパフォーマンスを改善するために ` .passive ` 修飾子を提供しています。例えば、スクロールを行う際、ブラウザは処理が完了した後にスクロールを行います。なぜなら、ブラウザはそのイベントがハンドラ内で ` event.preventDefault() ` を呼び出すかどうか分からないからです。 ` .passive ` 修飾子はこのイベントがデフォルトのイベントの挙動をキャンセルしないことを前もってブラウザに伝えるために使われます 。
220
+ ` .passive ` 修飾子は特にモバイルでのパフォーマンスを改善するのに有用です 。
217
221
218
- <p class =" tip " >`.passive` と `.prevent` を一緒に使わないでください。Passive ハンドラはデフォルトのイベントを中止できません 。</p >
222
+ <p class =" tip " >`.passive` と `.prevent` を一緒に使わないでください。`.prevent` は無視され、ブラウザにはおそらく警告が表示されます。`.passive` はイベントのデフォルトの挙動を妨げ_ない_ことをブラウザに伝達することを思い出してください 。</p >
219
223
220
224
## キー修飾子
221
225
You can’t perform that action at this time.
0 commit comments