{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"EventTarget Aray\u00fcz\u00fc ve \u00d6zel Olaylar: JavaScript'te Etkinlik Y\u00f6netimi","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"iNniM0rjHC\"><a href=\"https:\/\/fatihsoysal.com\/blog\/eventtarget-arayuzu-ve-ozel-olaylar-javascriptte-etkinlik-yonetimi\/\">EventTarget Aray\u00fcz\u00fc ve \u00d6zel Olaylar: JavaScript&#8217;te Etkinlik Y\u00f6netimi<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/eventtarget-arayuzu-ve-ozel-olaylar-javascriptte-etkinlik-yonetimi\/embed\/#?secret=iNniM0rjHC\" width=\"600\" height=\"338\" title=\"&#8220;EventTarget Aray\u00fcz\u00fc ve \u00d6zel Olaylar: JavaScript&#8217;te Etkinlik Y\u00f6netimi&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"iNniM0rjHC\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Merhaba, ben Fatih Soysal. Bu makalede, JavaScript'te olay y\u00f6netiminin temel ta\u015flar\u0131ndan biri olan EventTarget aray\u00fcz\u00fc ve \u00f6zel olaylar\u0131n (custom events) nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 olarak inceleyece\u011fiz. \u00d6ncelikle, EventTarget aray\u00fcz\u00fcn\u00fcn ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu a\u00e7\u0131klayarak ba\u015flayal\u0131m. Ard\u0131ndan, \u00f6zel olaylar\u0131n nas\u0131l olu\u015fturuldu\u011funu ve kullan\u0131ld\u0131\u011f\u0131n\u0131 \u00f6rneklerle g\u00f6sterece\u011fiz. Bu bilgiler, daha geli\u015fmi\u015f JavaScript uygulamalar\u0131 geli\u015ftirmeniz i\u00e7in size sa\u011flam bir temel sa\u011flayacakt\u0131r."}