{"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":"JavaScript'te Event Bubbling ve Capturing: Tam Anlay\u0131\u015f \u0130\u00e7in","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"hCwksDPKCa\"><a href=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-event-bubbling-ve-capturing-tam-anlayis-icin\/\">JavaScript&#8217;te Event Bubbling ve Capturing: Tam Anlay\u0131\u015f \u0130\u00e7in<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-event-bubbling-ve-capturing-tam-anlayis-icin\/embed\/#?secret=hCwksDPKCa\" width=\"600\" height=\"338\" title=\"&#8220;JavaScript&#8217;te Event Bubbling ve Capturing: Tam Anlay\u0131\u015f \u0130\u00e7in&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"hCwksDPKCa\" 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":"Web geli\u015ftirmede etkile\u015fimli deneyimler olu\u015fturmak i\u00e7in JavaScript olaylar\u0131n\u0131 (event) kullanmak olmazsa olmazd\u0131r. Ancak, birden fazla \u00f6\u011fenin i\u00e7 i\u00e7e ge\u00e7ti\u011fi karma\u015f\u0131k HTML yap\u0131lar\u0131nda, olaylar\u0131n nas\u0131l yay\u0131ld\u0131\u011f\u0131 ve i\u015flendi\u011fi konusunda kafa kar\u0131\u015f\u0131kl\u0131\u011f\u0131 ya\u015fayabilirsiniz. Bu makalede, JavaScript'teki Event Bubbling (Olay Kabarc\u0131klanmas\u0131) ve Event Capturing (Olay Yakalanmas\u0131) mekanizmalar\u0131n\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayacak, ger\u00e7ek d\u00fcnya \u00f6rnekleriyle peki\u015ftirecek ve ileri d\u00fczey teknikleri ele alaca\u011f\u0131z. Bu sayede, olay i\u015flemeyi tam olarak anlay\u0131p, daha verimli ve g\u00fcvenli web uygulamalar\u0131 geli\u015ftirebileceksiniz."}