{"id":2368,"date":"2013-10-15T17:46:43","date_gmt":"2013-10-15T15:46:43","guid":{"rendered":"https:\/\/sgaul.de\/?p=2368"},"modified":"2014-03-13T21:34:44","modified_gmt":"2014-03-13T20:34:44","slug":"javascript-klick-ausserhalb-eines-bereiches","status":"publish","type":"post","link":"https:\/\/sgaul.de\/2013\/10\/15\/javascript-klick-ausserhalb-eines-bereiches\/","title":{"rendered":"Javascript: Klick au\u00dferhalb eines Bereiches"},"content":{"rendered":"<p>Folgendes Beispiel \u00fcberwacht ein Dokument auf einen beliebigen Klick, au\u00dfer wenn dieser in einem bestimmten Element (<code>.container<\/code>) liegt:<\/p>\n<pre>$(document).on 'click', (ev) ->\r\n    if $('.container').has(ev.target).length == 0\r\n      # ...<\/pre>\n<p>Dies ist beispielsweise hilfreich um ein Popup oder Dropdown-Men\u00fc schlie\u00dfen m\u00f6chte, wenn der Nutzer \u201eirgendwo\u201c au\u00dfer auf das Widget selbst klickt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Folgendes Beispiel \u00fcberwacht ein Dokument auf einen beliebigen Klick, au\u00dfer wenn dieser in einem bestimmten Element (.container) liegt: $(document).on &#8218;click&#8216;, (ev) -> if $(&#8218;.container&#8216;).has(ev.target).length == 0 # &#8230; Dies ist beispielsweise hilfreich um ein Popup oder Dropdown-Men\u00fc schlie\u00dfen m\u00f6chte, wenn der Nutzer \u201eirgendwo\u201c au\u00dfer auf das Widget selbst klickt.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[91],"tags":[544,158,111,527],"_links":{"self":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/2368"}],"collection":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/comments?post=2368"}],"version-history":[{"count":4,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/2368\/revisions"}],"predecessor-version":[{"id":2372,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/2368\/revisions\/2372"}],"wp:attachment":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/media?parent=2368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/categories?post=2368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/tags?post=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}