Skip to content

Commit 1335dd3

Browse files
authored
Merge pull request #240 from EmptyWork/master
Patch untuk events
2 parents 98e7060 + 65a96c1 commit 1335dd3

File tree

4 files changed

+8
-8
lines changed

4 files changed

+8
-8
lines changed

2-ui/2-events/01-introduction-browser-events/07-carousel/solution.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,4 +15,4 @@ Untuk membuat pengulirannya, kita bisa menggeser `<ul>`. Ada banyak cara untuk m
1515

1616
`<div>` luar memiliki lebar tetap, jadi gambar "ekstra" dipotong.
1717

18-
Keseluruhan korsel(_carousel_) adalah "komponen grafis" mandiri pada halaman, jadi sebaiknya kita membungkusnya menjadi satu `<div class="carousel">` dan menata elemen-elemen ke dalamnya.
18+
Keseluruhan carousel adalah "komponen grafis" mandiri pada halaman, jadi sebaiknya kita membungkusnya menjadi satu `<div class="carousel">` dan menata elemen-elemen ke dalamnya.

2-ui/2-events/01-introduction-browser-events/07-carousel/task.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,9 @@ importance: 4
22

33
---
44

5-
# Korsel (_Carousel_)
5+
# Carousel
66

7-
Buat sebuah "korsel" --
8-
Create a "carousel" -- pita gambar yang dapat digulir dengan mengklik panah.
7+
Buat sebuah Carousel -- pita gambar yang dapat digulir dengan mengklik panah.
98

109
[iframe height=200 src="solution"]
1110

2-ui/2-events/02-bubbling-and-capturing/article.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ Sebuah klik pada bagian dalam `<p>` akan menjalankan `onclick`:
4242

4343
![](event-order-bubbling.svg)
4444

45-
Jadi jika kita klik pada `<p>`, kemudia kita akan melihat 3 buah peringatan (_alerts_): `p` -> `div` -> `form`.
45+
Jadi jika kita klik pada `<p>`, kemudian kita akan melihat 3 buah peringatan (_alerts_): `p` -> `div` -> `form`.
4646

4747
Proses ini disebut dengan "menggelembung (_bubbling_)", karena peristiwa akan "mengelembung (_bubble_)" dari bagian dalam elemen ke atas melalui elemen orang tua (_parents_) seperti sebuah gelembung di air.
4848

@@ -95,7 +95,7 @@ Contohnya, `body.onclick` tidak akan dijalankan jika kamu mengklik pada `<button
9595
```smart header="event.stopImmediatePropagation()"
9696
Jika sebuah elemen memiliki beberapa penangan (handler) untuk satu peristiwa (event), maka bahkan jika salah satu dari penangan menghentikan proses pengelembungan, penagan yang lain akan tetap di jalankan.
9797
98-
Dengan kata lain, `event.stopPropagation()` menghentinkan proses yang keatas, tapi pada elemen yang sama penangan (handler) lain akan tetap di jalankan.
98+
Dengan kata lain, `event.stopPropagation()` menghentikan proses yang keatas, tapi pada elemen yang sama penangan (handler) lain akan tetap di jalankan.
9999
100100
Untuk menghentukan pengelembungan (handler) dan mencegah penangan (handler) lain yang ada pada elemen tersebut untuk dijalankan, harus menggunakan metode `event.stopImmediatePropagation()`. Setelah itu tidak akan ada penangan (handler) yang dijalankan.
101101
```
@@ -108,10 +108,10 @@ Terkadang `event.stopPropagation()` akan menyebabkan jebakan tersembunyi yang mu
108108
Contoh:
109109
110110
1. Kita membuat sebuah menu yang bersarang. Pada setiap submenu penangan (_handles_) klik pada elemen itu dan menjalankan `stopPropagation` jadi bagian luar menu tidak akan dijalankan.
111-
2. Kemudian kita memutuskan untuk menangkap klik pada keseluruhan jendela (_window_), untuk melacak kebiasaan pengguna (dimana biasa penggunana mengklik). Beberapa sistem analisa menggunakan metode ini. Biasanya code yang digunakan `document.addEventListener('click'…)` untuk menangkap semua klik.
111+
2. Kemudian kita memutuskan untuk menangkap klik pada keseluruhan jendela (_window_), untuk melacak kebiasaan pengguna (dimana biasa pengguna mengklik). Beberapa sistem analisa menggunakan metode ini. Biasanya code yang digunakan `document.addEventListener('click'…)` untuk menangkap semua klik.
112112
3. Analisis kita tidak akan bekerja pada area dimana kita telah menghentikan peristiwa klik dengan menggunakan `stopPropagation`. Dengan kata lain kita telah membuat daerah mati (_dead zone_).
113113
114-
Biasanya tidak ada keperluan utama yang membuat kita harus menghentikan proses mengelembung. Sebuah fungsi yang kelihatannya membutuhkan penggunaaan metode itu bisa di selesaikan dengan menggunakan cara lain. Salah satunya dengan menggunakan peristiwa khusus, kita akan membahasnya nanti. Dan juka kita dapat menulis data kedalam objek `event` pada sebuah penangan (handler) dan membacanya pada penangan (handler) lainnya, jadi kita dapat meneruskan data tentang proses yang terjadi dibawah ke penangan (handler) elemen atas.
114+
Biasanya tidak ada keperluan utama yang membuat kita harus menghentikan proses mengelembung. Sebuah fungsi yang kelihatannya membutuhkan penggunaan metode itu bisa di selesaikan dengan menggunakan cara lain. Salah satunya dengan menggunakan peristiwa khusus, kita akan membahasnya nanti. Dan juga kita dapat menulis data kedalam objek `event` pada sebuah penangan (handler) dan membacanya pada penangan (handler) lainnya, jadi kita dapat meneruskan data tentang proses yang terjadi dibawah ke penangan (handler) elemen atas.
115115
```
116116

117117

glossary.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ Browser | Peramban | _Browser_
1919
Inggris | Indonesia | Gunakan
2020
------- | --------- | -------
2121
Code | Kode | Kode
22+
Carousel| Korsel | Carousel
2223

2324

2425
## E

0 commit comments

Comments
 (0)