Terjemahan ini belum lengkap. Mohon bantu menerjemahkan artikel ini dari Bahasa Inggris.
Mengidentifikasi event untuk target saat ini, seperti ketika event melalui DOM. Event tersebut selalu mengacu kepada lemen yang terikat dengan event handler, sebagai lawan dari event.target
yang mana mengidentifikasi elemen ketika event tersebut terjadi.
Contoh
event.currentTarget
sangat menarik untuk digunakan ketika menyatukan event handler yang sama ke beberapa element.
function hide(e){ e.currentTarget.style.visibility = "hidden"; console.log(e.currentTarget); // Ketika fungsi digunakan seperti event handler: this === e.currentTarget } var ps = document.getElementsByTagName('p'); for(var i = 0; i < ps.length; i++){ // console: print the clicked <p> element ps[i].addEventListener('click', hide, false); } // console: print <body> document.body.addEventListener('click', hide, false); // click dan paragraph akan menghilang
Spesifikasi
Kesesuaian browser
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | (Yes)[1] | (Yes) | 10.0 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | ? | (Yes) | ? | ? | ? | 10.0 |
[1] Dalam Internet Explorer 6 sampai 8, event modelnya berbeda. Event listener(s) nya terikat dengan metode non-standard EventTarget.attachEvent
. Dalam model ini, tidak ada yang setara dengan event.currentTarget
dan this
adalah objek global. Satu solusin untuk meniru fitur event.currentTarget
adalah dengan cara membungkus handler anda di dalam fungsi memanggil handler tersebut menggunakan Function.prototype.call
dengan elemen sebagai argumen awal. Dengan cara ini, this
akan menampilkan hasil yang diharapkan.