You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/reference-events.md
+53-53Lines changed: 53 additions & 53 deletions
Original file line number
Diff line number
Diff line change
@@ -6,13 +6,13 @@ layout: docs
6
6
category: Reference
7
7
---
8
8
9
-
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.
9
+
Panduan ini mendokumentasikan pembungkus `SyntheticEvent`yang merupakan bagian dari sistem _event_ yang dimiliki oleh React. Silahkan melihat panduan bagian [Handling Events](/docs/handling-events.html)untuk mempelajarinya lebih lanjut.
10
10
11
-
## Overview {#overview}
11
+
## Ikhtisar {#overview}
12
12
13
-
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.
13
+
*Event handler* Anda akan dioperkan `SyntheticEvent`, sebuah pembungkus lintas _browser_ yang membungkus _event_ bawaan _browser_. `SyntheticEvent` memiliki antarmuka yang sama dengan _event_ bawaan _browser_, termasuk`stopPropagation()`dan`preventDefault()`, bedanya _event_ ini bekerja secara seragam untuk lintas _browser_.
14
14
15
-
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:
15
+
Jika untuk alasan tertentu Anda memerlukan _event_ bawaan dari _browser_, gunakan atribut `nativeEvent`untuk mengaksesnya. Setiap objek `SyntheticEvent`memiliki atribut-atribut berikut:
16
16
17
17
```javascript
18
18
boolean bubbles
@@ -31,19 +31,19 @@ number timeStamp
31
31
string type
32
32
```
33
33
34
-
> Note:
34
+
> Catatan:
35
35
>
36
-
> 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.
36
+
> Sejak v0.14, mengembalikan nilai `false`dari _event handler_ tidak akan menghentikan propagasi _event_. Sebagai gantinya, `e.stopPropagation()`atau`e.preventDefault()`perlu dipanggil secara manual, seperlunya.
37
37
38
38
### Event Pooling {#event-pooling}
39
39
40
-
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.
41
-
This is for performance reasons.
42
-
As such, you cannot access the event in an asynchronous way.
40
+
`SyntheticEvent`dikumpulkan. Hal ini berarti objek`SyntheticEvent`akan digunakan kembali dan isi objek akan dikosongkan setelah _callback_ untuk _event_ tersebut dipanggil.
41
+
Hal ini dilakukan untuk mengoptimalkan kinerja.
42
+
Dengan demikian, _event_ tersebut tidak dapat diakses secara asinkron.
43
43
44
44
```javascript
45
45
functiononClick(event) {
46
-
console.log(event); // => nullified object.
46
+
console.log(event); // => objek yang dikosongkan.
47
47
console.log(event.type); // => "click"
48
48
consteventType=event.type; // => "click"
49
49
@@ -52,23 +52,23 @@ function onClick(event) {
52
52
console.log(eventType); // => "click"
53
53
}, 0);
54
54
55
-
//Won't work. this.state.clickEvent will only contain null values.
55
+
//Tidak akan berfungsi. this.state.clickEvent hanya berisi nilai kosong.
56
56
this.setState({clickEvent:event});
57
57
58
-
//You can still export event properties.
58
+
//Anda masih dapat mengekspor atribut event.
59
59
this.setState({eventType:event.type});
60
60
}
61
61
```
62
62
63
-
> Note:
63
+
> Catatan:
64
64
>
65
-
> 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.
65
+
> Jika Anda ingin mengakses isi _event_ secara asinkron, Anda perlu memanggil fungsi `event.persist()`dalam _event_, yang akan mengeluarkan _synthetic event_ dari kumpulan(*pool*) sehingga acuan terhadap _event_ tersebut dapat dipertahankan melalui kode pengguna.
66
66
67
67
## Supported Events {#supported-events}
68
68
69
-
React normalizes events so that they have consistent properties across different browsers.
69
+
React menormalisasi _event_ agar memiliki properti yang sama di lintas _browser_.
70
70
71
-
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.
71
+
_Event handler_ di bawah dipicu oleh _event_ dalam fase _bubbling_. Untuk mendaftarkan sebuah _event handler_ dalam fase _capture_, tambahkan`Capture`pada nama _event_; contohnya, alih-alih menggunakan `onClick`, gunakan `onClickCapture`untuk menangani _event_ klik dalam fase _capture_.
72
72
73
73
-[Clipboard Events](#clipboard-events)
74
74
-[Composition Events](#composition-events)
@@ -89,17 +89,17 @@ The event handlers below are triggered by an event in the bubbling phase. To reg
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).
152
+
Atribut`key`dapat diisi dengan nilai apapun yang terdokumentasi dalam[DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#named-key-attribute-values).
153
153
154
154
* * *
155
155
156
156
### Focus Events {#focus-events}
157
157
158
-
Event names:
158
+
Nama-nama _event_:
159
159
160
160
```
161
161
onFocus onBlur
162
162
```
163
163
164
-
These focus events work on all elements in the React DOM, not just form elements.
164
+
_Event_ fokus bekerja untuk semua elemen-elemen di React DOM, tidak hanya untuk elemen-elemen _form_.
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.
196
+
Tidak seperti _bubbling_ pada umumnya, _event_`onMouseEnter`dan`onMouseLeave`berkembang dari elemen yang keluar sampai elemen yang masuk dan tidak memiliki fase _capture_.
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.
228
+
Tidak seperti _bubbling_ pada umumnya, _event_`onPointerEnter`dan`onPointerLeave`berkembang dari elemen yang ditinggalkan sampai elemen yang dimasuki dan tidak memiliki fase _capture_.
229
229
230
-
Properties:
230
+
Atribut-atribut:
231
231
232
-
As defined in the[W3 spec](https://www.w3.org/TR/pointerevents/), pointer events extend [Mouse Events](#mouse-events)with the following properties:
232
+
Seperti yang didefinisikan dalam[W3 spec](https://www.w3.org/TR/pointerevents/), _event_ penunjuk _pointer events_ mengembangkan _event_[Mouse Events](#mouse-events)dengan atribut-atribut ini:
233
233
234
234
```javascript
235
235
number pointerId
@@ -244,17 +244,17 @@ string pointerType
244
244
boolean isPrimary
245
245
```
246
246
247
-
A note on cross-browser support:
247
+
Catatan untuk dukungan lintas _browser_:
248
248
249
-
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`.
249
+
_Pointer event_ belum didukung oleh semua _browser_ (saat penulisan artikel ini, _browser_ yang telah mendukung adalah: Chrome, Firefox, Edge, dan Internet Explorer). React tidak serta-merta memberikan dukungan untuk _browser_ lain karena akan meningkatkan ukuran bundel `react-dom` secara signifikan.
250
250
251
-
If your application requires pointer events, we recommend adding a third party pointer event polyfill.
251
+
Jika aplikasi Anda memerlukan _pointer event_, kami merekomendasikan Anda untuk menambah _polyfill_ untuk _pointer event_ dari pihak ketiga.
0 commit comments