kembali ke pelajaran

Tangkap link pada elemen

pentingnya: 5

Buat semua link yang ada didalam elemen dengan id="contents" akan menanyakan kepada pengguna jika mereka mau meninggalkan website. Dan jika mereka tidak mau maka halaman tidak akan berpindah.

Seperti ini:

Rincian:

  • HTML didalam elemen bisa di muat dan di buat kembali secara dinamis secara acak, jadi kita tidak bisa menemukan semua link dan memberikan penangan (handler). Gunakan delegasi peristiwa.
  • Kontent bisa saja merupakan tag bersarang. Di dalam link juga, seperti <a href=".."><i>...</i></a>.

Buka sandbox untuk tugas tersebut.

Itu merupakan salah satu cara yang bagus dalam pemanfaatan pola delegasi peristiwa.

Pada kehidupan nyata kita bisa mengirim permintaan “logging” ke server yang menyimpan informasi tentang dari mana pengujung meninggalkan website daripada menanyakannya secara langsung. Atau kita bisa memuat konten dan menunjukannya tepat pada halaman (jika diizinkan).

Yang kita butuhkan hanyalah menangkap contents.onclick dan menggunakan confim untuk menanyakan pengguna. Sebuah ide bagus adalah dengan menggunakan link.getAttribute('href') dari pada menggunakan link.href untuk URL. Lihat solusinya untuk rincian.

Buka solusi di kotak pasir.