From 0e508b905974f78218c2191d744abad9699e46c6 Mon Sep 17 00:00:00 2001 From: summertree128 Date: Sat, 2 Feb 2019 15:10:43 +0900 Subject: [PATCH 1/5] WIP: translate synthetic events --- content/docs/reference-events.md | 58 +++++++++++++++++--------------- 1 file changed, 30 insertions(+), 28 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index 701d6446e..bff3c3e1d 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -1,18 +1,18 @@ --- id: events -title: SyntheticEvent +title: 合成 (Synthetic) イベント permalink: docs/events.html layout: docs category: Reference --- -This reference guide documents the `SyntheticEvent` wrapper that forms part of React's Event System. See the [Handling Events](/docs/handling-events.html) guide to learn more. +このリファレンスガイドは、React イベントシステムの一部を構成する `SyntheticEvent` (合成イベント)ラッパーについて文書化したものです。詳しくは、[イベント処理](/docs/handling-events.html)を参照してください。 -## Overview +## 概要 -Your event handlers will be passed instances of `SyntheticEvent`, a cross-browser wrapper around the browser's native event. It has the same interface as the browser's native event, including `stopPropagation()` and `preventDefault()`, except the events work identically across all browsers. +イベントハンドラには `SyntheticEvent` のインスタンスが渡されます。これはブラウザのネイティブイベントのクロスブラウザラッパーです。`stopPropagation()` や `preventDefault()` など、ブラウザのネイティブイベントと同じインターフェイスを持ちます。これらはすべてのブラウザで同じように機能します。 -If you find that you need the underlying browser event for some reason, simply use the `nativeEvent` attribute to get it. Every `SyntheticEvent` object has the following attributes: +何らかの理由で基本的なブラウザイベントが必要であることがわかった場合は、`nativeEvent` 属性を使用して取得してください。すべての `SyntheticEvent` オブジェクトには以下の属性があります。 ```javascript boolean bubbles @@ -31,15 +31,14 @@ number timeStamp string type ``` -> Note: +> 補足 > -> As of v0.14, returning `false` from an event handler will no longer stop event propagation. Instead, `e.stopPropagation()` or `e.preventDefault()` should be triggered manually, as appropriate. +> v0.14以降、イベントハンドラからfalseを返してもイベントの伝播が止まることはなくなりました。代わりに、`e.stopPropagation()` または `e.preventDefault()` を手動でトリガーする必要があります。 -### Event Pooling -The `SyntheticEvent` is pooled. This means that the `SyntheticEvent` object will be reused and all properties will be nullified after the event callback has been invoked. -This is for performance reasons. -As such, you cannot access the event in an asynchronous way. +### イベントプーリング + +`SyntheticEvent` はプールされます。つまり、`SyntheticEvent` オブジェクトは再利用され、イベントコールバックが呼び出された後にすべてのプロパティは無効になります。これはパフォーマンス上の理由からです。そのため、非同期にイベントにアクセスすることはできません。 ```javascript function onClick(event) { @@ -52,34 +51,36 @@ function onClick(event) { console.log(eventType); // => "click" }, 0); - // Won't work. this.state.clickEvent will only contain null values. + // これは動作しません。this.state.clickEvent はnullのみを保持します。 this.setState({clickEvent: event}); - // You can still export event properties. + // イベントプロパティをエクスポートすることは可能です。 this.setState({eventType: event.type}); } ``` -> Note: + +> 補足 > -> If you want to access the event properties in an asynchronous way, you should call `event.persist()` on the event, which will remove the synthetic event from the pool and allow references to the event to be retained by user code. +> 非同期でイベントプロパティにアクセスする場合は、イベントに対して `event.persist()` を呼び出す必要があります。これにより、プールから合成イベントが削除され、イベントへの参照をコードで保持できるようになります。 -## Supported Events -React normalizes events so that they have consistent properties across different browsers. +## サポートされるイベント -The event handlers below are triggered by an event in the bubbling phase. To register an event handler for the capture phase, append `Capture` to the event name; for example, instead of using `onClick`, you would use `onClickCapture` to handle the click event in the capture phase. +React はイベントを正規化して、異なるブラウザ間で一貫したプロパティを持つようにします。 -- [Clipboard Events](#clipboard-events) -- [Composition Events](#composition-events) -- [Keyboard Events](#keyboard-events) -- [Focus Events](#focus-events) -- [Form Events](#form-events) -- [Mouse Events](#mouse-events) -- [Pointer Events](#pointer-events) -- [Selection Events](#selection-events) -- [Touch Events](#touch-events) -- [UI Events](#ui-events) +以下のイベントハンドラはバブリングフェーズのイベントによって発生します。キャプチャフェーズのイベントハンドラを登録するには、イベント名に `Capture` を追加します。たとえば、`onClick` を使用する代わりに、`onClickCapture` を使用してキャプチャフェーズでクリックイベントを処理します。 + +- [クリップボードイベント](#clipboard-events) +- [コンポジションイベント](#composition-events) +- [キーボードイベント](#keyboard-events) +- [フォーカスイベント](#focus-events) +- [フォームイベント](#form-events) +- [マウスイベント](#mouse-events) +- [ポインタイベント](#pointer-events) +- [選択イベント](#selection-events) +- [タッチイベント](#touch-events) +- [UI イベント](#ui-events) - [Wheel Events](#wheel-events) - [Media Events](#media-events) - [Image Events](#image-events) @@ -87,6 +88,7 @@ The event handlers below are triggered by an event in the bubbling phase. To reg - [Transition Events](#transition-events) - [Other Events](#other-events) + * * * ## Reference From 6c2a6243a4b51290c172b3c7ac2eebaf845730bf Mon Sep 17 00:00:00 2001 From: summertree128 Date: Sun, 3 Feb 2019 17:51:17 +0900 Subject: [PATCH 2/5] translate synthetic events --- content/docs/reference-events.md | 144 +++++++++++++++---------------- 1 file changed, 72 insertions(+), 72 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index bff3c3e1d..5e8327063 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -1,18 +1,18 @@ --- id: events -title: 合成 (Synthetic) イベント +title: 合成イベント (SyntheticEvent) permalink: docs/events.html layout: docs category: Reference --- -このリファレンスガイドは、React イベントシステムの一部を構成する `SyntheticEvent` (合成イベント)ラッパーについて文書化したものです。詳しくは、[イベント処理](/docs/handling-events.html)を参照してください。 +このリファレンスガイドでは、React の イベントシステムの一部を構成する `SyntheticEvent`（合成イベント）ラッパについて説明します。詳細については、[イベント処理](/docs/handling-events.html)ガイドを参照してください。 ## 概要 -イベントハンドラには `SyntheticEvent` のインスタンスが渡されます。これはブラウザのネイティブイベントのクロスブラウザラッパーです。`stopPropagation()` や `preventDefault()` など、ブラウザのネイティブイベントと同じインターフェイスを持ちます。これらはすべてのブラウザで同じように機能します。 +あなたの書くイベントハンドラには、 `SyntheticEvent` のインスタンスが渡されます。これはブラウザのネイティブイベントに対するクロスブラウザ版のラッパです。`stopPropagation()` と `preventDefault()` を含む、ブラウザのネイティブイベントと同じインターフェイスを持ちます。この 2つ以外はすべてのブラウザで同じように機能します。 -何らかの理由で基本的なブラウザイベントが必要であることがわかった場合は、`nativeEvent` 属性を使用して取得してください。すべての `SyntheticEvent` オブジェクトには以下の属性があります。 +何らかの理由で実際のブラウザイベントが必要な場合は、単に `nativeEvent` 属性を使用するだけで取得できます。すべての `SyntheticEvent` オブジェクトは以下の属性を持っています。 ```javascript boolean bubbles @@ -33,16 +33,16 @@ string type > 補足 > -> v0.14以降、イベントハンドラからfalseを返してもイベントの伝播が止まることはなくなりました。代わりに、`e.stopPropagation()` または `e.preventDefault()` を手動でトリガーする必要があります。 +> v0.14以降、イベントハンドラから false を返してもイベントの伝播が止まることはなくなりました。代わりに、`e.stopPropagation()` または `e.preventDefault()` を手動で呼び出す必要があります。 -### イベントプーリング +### イベントのプール -`SyntheticEvent` はプールされます。つまり、`SyntheticEvent` オブジェクトは再利用され、イベントコールバックが呼び出された後にすべてのプロパティは無効になります。これはパフォーマンス上の理由からです。そのため、非同期にイベントにアクセスすることはできません。 +`SyntheticEvent` はプールされます。つまり、`SyntheticEvent` オブジェクトは再利用され、すべてのプロパティはイベントコールバックが呼び出された後に無効化されます。これはパフォーマンス上の理由からです。そのため、非同期的な方法でイベントにアクセスすることはできません。 ```javascript function onClick(event) { - console.log(event); // => nullified object. + console.log(event); // => 無効なオブジェクト console.log(event.type); // => "click" const eventType = event.type; // => "click" @@ -51,7 +51,7 @@ function onClick(event) { console.log(eventType); // => "click" }, 0); - // これは動作しません。this.state.clickEvent はnullのみを保持します。 + // これは動作しません。this.state.clickEvent はnull値のみを保持します。 this.setState({clickEvent: event}); // イベントプロパティをエクスポートすることは可能です。 @@ -62,14 +62,14 @@ function onClick(event) { > 補足 > -> 非同期でイベントプロパティにアクセスする場合は、イベントに対して `event.persist()` を呼び出す必要があります。これにより、プールから合成イベントが削除され、イベントへの参照をコードで保持できるようになります。 +> 非同期処理でイベントのプロパティにアクセスしたい場合は、`event.persist()` をイベント内で呼び出す必要があります。これにより、プールから合成イベントが削除され、イベントへの参照をコードで保持できるようになります。 -## サポートされるイベント +## サポートするイベント -React はイベントを正規化して、異なるブラウザ間で一貫したプロパティを持つようにします。 +React はイベントを正規化して、異なるブラウザ間で一貫したプロパティが保持されるようにしています。 -以下のイベントハンドラはバブリングフェーズのイベントによって発生します。キャプチャフェーズのイベントハンドラを登録するには、イベント名に `Capture` を追加します。たとえば、`onClick` を使用する代わりに、`onClickCapture` を使用してキャプチャフェーズでクリックイベントを処理します。 +以下のイベントハンドラはイベント伝搬のバブリングフェーズで呼び出されます。キャプチャフェーズのイベントハンドラを登録するには、イベント名に `Capture` を追加します。たとえば、`onClick` の代わりに `onClickCapture` を使用して、キャプチャフェーズでクリックイベントを処理します。 - [クリップボードイベント](#clipboard-events) - [コンポジションイベント](#composition-events) @@ -81,27 +81,27 @@ React はイベントを正規化して、異なるブラウザ間で一貫し - [選択イベント](#selection-events) - [タッチイベント](#touch-events) - [UI イベント](#ui-events) -- [Wheel Events](#wheel-events) -- [Media Events](#media-events) -- [Image Events](#image-events) -- [Animation Events](#animation-events) -- [Transition Events](#transition-events) -- [Other Events](#other-events) +- [ホイールイベント](#wheel-events) +- [メディアイベント](#media-events) +- [画像イベント](#image-events) +- [アニメーションイベント](#animation-events) +- [遷移イベント](#transition-events) +- [その他のイベント](#other-events) * * * -## Reference +## リファレンス -### Clipboard Events +### クリップボードイベント -Event names: +イベント名： ``` onCopy onCut onPaste ``` -Properties: +プロパティ： ```javascript DOMDataTransfer clipboardData @@ -109,15 +109,15 @@ DOMDataTransfer clipboardData * * * -### Composition Events +### コンポジションイベント -Event names: +イベント名： ``` onCompositionEnd onCompositionStart onCompositionUpdate ``` -Properties: +プロパティ： ```javascript string data @@ -126,15 +126,15 @@ string data * * * -### Keyboard Events +### キーボードイベント -Event names: +イベント名： ``` onKeyDown onKeyPress onKeyUp ``` -Properties: +プロパティ： ```javascript boolean altKey @@ -151,21 +151,21 @@ boolean shiftKey number which ``` -The `key` property can take any of the values documented in the [DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#named-key-attribute-values). +`key` プロパティは[DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#named-key-attribute-values)に記載されている任意の値を取ることができます。 * * * -### Focus Events +### フォーカスイベント -Event names: +イベント名： ``` onFocus onBlur ``` -These focus events work on all elements in the React DOM, not just form elements. +これらのフォーカスイベントは、フォーム要素だけでなくすべての React DOM 要素で動作します。 -Properties: +プロパティ： ```javascript DOMEventTarget relatedTarget @@ -173,21 +173,21 @@ DOMEventTarget relatedTarget * * * -### Form Events +### フォームイベント -Event names: +イベント名： ``` onChange onInput onInvalid onSubmit ``` -For more information about the onChange event, see [Forms](/docs/forms.html). +onChange イベントの詳細については、[Forms](/docs/forms.html)を参照してください。 * * * -### Mouse Events +### マウスイベント -Event names: +イベント名： ``` onClick onContextMenu onDoubleClick onDrag onDragEnd onDragEnter onDragExit @@ -195,9 +195,9 @@ onDragLeave onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp ``` -The `onMouseEnter` and `onMouseLeave` events propagate from the element being left to the one being entered instead of ordinary bubbling and do not have a capture phase. +`onMouseEnter` と `onMouseLeave` イベントは通常のバブリングとは異なり、（ポインタが）出て行った要素から入ってきた要素に伝播し、キャプチャフェーズを持ちません。 -Properties: +プロパティ： ```javascript boolean altKey @@ -218,20 +218,20 @@ boolean shiftKey * * * -### Pointer Events +### ポインタイベント -Event names: +イベント名： ``` onPointerDown onPointerMove onPointerUp onPointerCancel onGotPointerCapture onLostPointerCapture onPointerEnter onPointerLeave onPointerOver onPointerOut ``` -The `onPointerEnter` and `onPointerLeave` events propagate from the element being left to the one being entered instead of ordinary bubbling and do not have a capture phase. +`onPointerEnter` と `onPointerLeave` イベントは通常のバブリングとは異なり、（ポインタが）出て行った要素から入ってきた要素に伝播し、キャプチャフェーズを持ちません。 -Properties: +プロパティ： -As defined in the [W3 spec](https://www.w3.org/TR/pointerevents/), pointer events extend [Mouse Events](#mouse-events) with the following properties: +[W3 spec](https://www.w3.org/TR/pointerevents/)に定義されている通り、ポインタイベントは下記のプロパティを持つマウスイベントの拡張です。 ```javascript number pointerId @@ -246,17 +246,17 @@ string pointerType boolean isPrimary ``` -A note on cross-browser support: +クロスブラウザサポートについての補足： -Pointer events are not yet supported in every browser (at the time of writing this article, supported browsers include: Chrome, Firefox, Edge, and Internet Explorer). React deliberately does not polyfill support for other browsers because a standard-conform polyfill would significantly increase the bundle size of `react-dom`. +すべてのブラウザでポインタイベントがサポートされているわけではありません（この記事の執筆時点でサポートされているブラウザは、Chrome、Firefox、Edge、および Internet Explorer です）。標準に準拠したポリフィルは `react-dom` のバンドルサイズを大幅に増加させるため、Reactは意図的に他のブラウザのポリフィルをサポートしません。 -If your application requires pointer events, we recommend adding a third party pointer event polyfill. +アプリケーションでポインタイベントが必要な場合は、サードパーティのポインタイベントポリフィルを追加することをお勧めします。 * * * -### Selection Events +### 選択イベント -Event names: +イベント名： ``` onSelect @@ -264,15 +264,15 @@ onSelect * * * -### Touch Events +### タッチイベント -Event names: +イベント名： ``` onTouchCancel onTouchEnd onTouchMove onTouchStart ``` -Properties: +プロパティ： ```javascript boolean altKey @@ -287,15 +287,15 @@ DOMTouchList touches * * * -### UI Events +### UI イベント -Event names: +イベント名： ``` onScroll ``` -Properties: +プロパティ： ```javascript number detail @@ -304,15 +304,15 @@ DOMAbstractView view * * * -### Wheel Events +### ホイールイベント -Event names: +イベント名： ``` onWheel ``` -Properties: +プロパティ： ```javascript number deltaMode @@ -323,9 +323,9 @@ number deltaZ * * * -### Media Events +### メディアイベント -Event names: +イベント名： ``` onAbort onCanPlay onCanPlayThrough onDurationChange onEmptied onEncrypted @@ -336,9 +336,9 @@ onTimeUpdate onVolumeChange onWaiting * * * -### Image Events +### 画像イベント -Event names: +イベント名： ``` onLoad onError @@ -346,15 +346,15 @@ onLoad onError * * * -### Animation Events +### アニメーションイベント -Event names: +イベント名： ``` onAnimationStart onAnimationEnd onAnimationIteration ``` -Properties: +プロパティ： ```javascript string animationName @@ -364,15 +364,15 @@ float elapsedTime * * * -### Transition Events +### 遷移イベント -Event names: +イベント名： ``` onTransitionEnd ``` -Properties: +プロパティ： ```javascript string propertyName @@ -382,9 +382,9 @@ float elapsedTime * * * -### Other Events +### その他のイベント -Event names: +イベント名： ``` onToggle From 44d821c6676c984c192023bec0e555e89f5febba Mon Sep 17 00:00:00 2001 From: summertree128 Date: Sun, 3 Feb 2019 18:05:29 +0900 Subject: [PATCH 3/5] remove unnecessary space --- content/docs/reference-events.md | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index 5e8327063..ce824d574 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -6,7 +6,7 @@ layout: docs category: Reference --- -このリファレンスガイドでは、React の イベントシステムの一部を構成する `SyntheticEvent`（合成イベント）ラッパについて説明します。詳細については、[イベント処理](/docs/handling-events.html)ガイドを参照してください。 +このリファレンスガイドでは、React のイベントシステムの一部を構成する `SyntheticEvent`（合成イベント）ラッパについて説明します。詳細については、[イベント処理](/docs/handling-events.html)ガイドを参照してください。 ## 概要 @@ -59,12 +59,10 @@ function onClick(event) { } ``` - > 補足 > > 非同期処理でイベントのプロパティにアクセスしたい場合は、`event.persist()` をイベント内で呼び出す必要があります。これにより、プールから合成イベントが削除され、イベントへの参照をコードで保持できるようになります。 - ## サポートするイベント React はイベントを正規化して、異なるブラウザ間で一貫したプロパティが保持されるようにしています。 @@ -88,7 +86,6 @@ React はイベントを正規化して、異なるブラウザ間で一貫し - [遷移イベント](#transition-events) - [その他のイベント](#other-events) - * * * ## リファレンス From fb31de6e08584d2e5599ccc409335a31692cfb17 Mon Sep 17 00:00:00 2001 From: summertree128 Date: Tue, 5 Feb 2019 16:01:45 +0900 Subject: [PATCH 4/5] fix some part according to review --- content/docs/reference-events.md | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index ce824d574..766e7bc66 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -10,7 +10,7 @@ category: Reference ## 概要 -あなたの書くイベントハンドラには、 `SyntheticEvent` のインスタンスが渡されます。これはブラウザのネイティブイベントに対するクロスブラウザ版のラッパです。`stopPropagation()` と `preventDefault()` を含む、ブラウザのネイティブイベントと同じインターフェイスを持ちます。この 2つ以外はすべてのブラウザで同じように機能します。 +イベントハンドラには、`SyntheticEvent` のインスタンスが渡されます。これはブラウザのネイティブイベントに対するクロスブラウザ版のラッパです。`stopPropagation()` と `preventDefault()` を含む、ブラウザのネイティブイベントと同じインターフェイスを持ちつつ、ブラウザ間で同じ挙動をするようになっています。 何らかの理由で実際のブラウザイベントが必要な場合は、単に `nativeEvent` 属性を使用するだけで取得できます。すべての `SyntheticEvent` オブジェクトは以下の属性を持っています。 @@ -33,16 +33,19 @@ string type > 補足 > -> v0.14以降、イベントハンドラから false を返してもイベントの伝播が止まることはなくなりました。代わりに、`e.stopPropagation()` または `e.preventDefault()` を手動で呼び出す必要があります。 +> v0.14以降、イベントハンドラから `false` を返してもイベントの伝播は止まりません。代わりに、`e.stopPropagation()` または `e.preventDefault()` を手動で呼び出す必要があります。 ### イベントのプール -`SyntheticEvent` はプールされます。つまり、`SyntheticEvent` オブジェクトは再利用され、すべてのプロパティはイベントコールバックが呼び出された後に無効化されます。これはパフォーマンス上の理由からです。そのため、非同期的な方法でイベントにアクセスすることはできません。 +`SyntheticEvent` はプールされます。つまり、`SyntheticEvent` オブジェクトは再利用され、すべてのプロパティはイベントコールバックが呼び出された後に `null` で初期化されます。 +これはパフォーマンス上の理由からです。 +そのため、非同期処理の中でイベントオブジェクトにアクセスすることはできません。 + ```javascript function onClick(event) { - console.log(event); // => 無効なオブジェクト + console.log(event); // => null で初期化されるオブジェクト console.log(event.type); // => "click" const eventType = event.type; // => "click" @@ -51,7 +54,7 @@ function onClick(event) { console.log(eventType); // => "click" }, 0); - // これは動作しません。this.state.clickEvent はnull値のみを保持します。 + // これは動作しません。this.state.clickEvent は null 値のみを持つオブジェクトとなります。 this.setState({clickEvent: event}); // イベントプロパティをエクスポートすることは可能です。 @@ -61,13 +64,13 @@ function onClick(event) { > 補足 > -> 非同期処理でイベントのプロパティにアクセスしたい場合は、`event.persist()` をイベント内で呼び出す必要があります。これにより、プールから合成イベントが削除され、イベントへの参照をコードで保持できるようになります。 +> 非同期処理の中でイベントのプロパティにアクセスしたい場合は、`event.persist()` をイベント内で呼び出す必要があります。これにより、合成イベントがイベントプールの対象から除外され、イベントへの参照をコードで保持できるようになります。 ## サポートするイベント -React はイベントを正規化して、異なるブラウザ間で一貫したプロパティが保持されるようにしています。 +React は異なるブラウザ間でも一貫したプロパティを持つようにイベントを正規化します。 -以下のイベントハンドラはイベント伝搬のバブリングフェーズで呼び出されます。キャプチャフェーズのイベントハンドラを登録するには、イベント名に `Capture` を追加します。たとえば、`onClick` の代わりに `onClickCapture` を使用して、キャプチャフェーズでクリックイベントを処理します。 +以下のイベントハンドラはイベント伝搬のバブリングフェーズで呼び出されます。キャプチャフェーズのイベントハンドラを登録するには、イベント名に `Capture` を追加します。たとえば、キャプチャフェーズでクリックイベントを処理するには `onClick` の代わりに `onClickCapture` を使用します。 - [クリップボードイベント](#clipboard-events) - [コンポジションイベント](#composition-events) @@ -245,7 +248,7 @@ boolean isPrimary クロスブラウザサポートについての補足： -すべてのブラウザでポインタイベントがサポートされているわけではありません（この記事の執筆時点でサポートされているブラウザは、Chrome、Firefox、Edge、および Internet Explorer です）。標準に準拠したポリフィルは `react-dom` のバンドルサイズを大幅に増加させるため、Reactは意図的に他のブラウザのポリフィルをサポートしません。 +すべてのブラウザでポインタイベントがサポートされているわけではありません（この記事の執筆時点でサポートされているブラウザは、Chrome、Firefox、Edge、および Internet Explorer です）。標準に準拠したポリフィルは `react-dom` のバンドルサイズを大幅に増加させるため、React は意図的にその他ブラウザのためのポリフィルを提供しません。 アプリケーションでポインタイベントが必要な場合は、サードパーティのポインタイベントポリフィルを追加することをお勧めします。 From 81808253b20900d4d84e81f67d889393995b933b Mon Sep 17 00:00:00 2001 From: summertree128 Date: Tue, 5 Feb 2019 22:34:24 +0900 Subject: [PATCH 5/5] remove unnecessary line break --- content/docs/reference-events.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index 766e7bc66..05ca3d9a8 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -35,14 +35,12 @@ string type > > v0.14以降、イベントハンドラから `false` を返してもイベントの伝播は止まりません。代わりに、`e.stopPropagation()` または `e.preventDefault()` を手動で呼び出す必要があります。 - ### イベントのプール `SyntheticEvent` はプールされます。つまり、`SyntheticEvent` オブジェクトは再利用され、すべてのプロパティはイベントコールバックが呼び出された後に `null` で初期化されます。 これはパフォーマンス上の理由からです。 そのため、非同期処理の中でイベントオブジェクトにアクセスすることはできません。 - ```javascript function onClick(event) { console.log(event); // => null で初期化されるオブジェクト