<\/div>\n

Bu yaz\u0131m\u0131zda, olu\u015fturdu\u011fumuz web sitelerinde genellikle bilgi, reklam ve benzer ama\u00e7larla a\u00e7\u0131lan pencere, lightbox ve modal alanlar\u0131n\u0131n kapat\u0131lmas\u0131 i\u00e7in kulland\u0131\u011f\u0131m\u0131z bir olaydan bahsedece\u011fiz.\u0130lgili alan\u0131 hedef alan olarak nitelendirirsek e\u011fer bu alan d\u0131\u015f\u0131ndaki t\u0131klanma i\u015flemleri ger\u00e7ekle\u015ftirildi\u011finde ilgili pencereyi kapatmak i\u00e7in bu y\u00f6ntemi kullanmaktay\u0131z.Tabi ki de t\u00fcrl\u00fc t\u00fcrl\u00fc ama\u00e7lar i\u00e7inde sizler bu tekni\u011fi genelleyebilirsiniz.<\/p>\n

\u015eimdi \u00f6rnek olarak a\u015fa\u011f\u0131daki html yap\u0131s\u0131n\u0131 ele alal\u0131m.<\/p>\n

\r\n<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd">\r\n<html xmlns="http:\/\/www.w3.org\/1999\/xhtml">\r\n<head>\r\n    <style>\r\n        #Pencere {\r\n            width: 250px;\r\n            height: 250px;\r\n            background: #933;\r\n        }\r\n    <\/style>\r\n    <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n    <title>Ba\u015fl\u0131ks\u0131z Belge<\/title>\r\n<\/head>\r\n<body>\r\n    <div id="Pencere"><\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nBurada id de\u011feri “Pencere” olan div eleman\u0131 d\u0131\u015f\u0131nda t\u0131klanma i\u015flemi ger\u00e7ekle\u015fti\u011fi zaman bu durumu nas\u0131l yakalayabilece\u011fimize g\u00f6z atal\u0131m.<\/p>\n
\r\n    <script type="text\/javascript">\r\n        $(document).ready(function () {\r\n            $("*").click(function (event) {\r\n                if (!$(event.target).is("#Pencere")) {\r\n                    alert("Pencere d\u0131\u015f\u0131na t\u0131kland\u0131.");\r\n                    return false;\r\n                } else {\r\n                    alert("Pencere i\u00e7ine t\u0131kland\u0131.");\r\n                    return false;\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/pre>\nYukar\u0131daki event sayesinde sayfan\u0131n t\u0131kland\u0131\u011f\u0131 kayna\u011f\u0131 elde edebiliyor ve kontrol edebiliyoruz.<\/p>\n
\u0130yi \u00e7al\u0131\u015fmalar dilerim…<\/p>\n
Kaynak : http:\/\/bilgisayaci.org\/jquery-hedef-disi-tiklama\/<\/p>\n","protected":false},"excerpt":{"rendered":"
Bu yaz\u0131m\u0131zda, olu\u015fturdu\u011fumuz web sitelerinde genellikle bilgi, reklam ve benzer ama\u00e7larla a\u00e7\u0131lan pencere, lightbox ve modal alanlar\u0131n\u0131n kapat\u0131lmas\u0131 i\u00e7in kulland\u0131\u011f\u0131m\u0131z bir olaydan bahsedece\u011fiz.\u0130lgili alan\u0131 hedef alan olarak nitelendirirsek e\u011fer bu alan d\u0131\u015f\u0131ndaki t\u0131klanma i\u015flemleri...<\/p>\n","protected":false},"author":1,"featured_media":3401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,19],"tags":[62,748],"class_list":["post-3489","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-jquery","tag-event","tag-jquery"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=3489"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3489\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3401"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=3489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}