{"id":12345,"date":"2016-01-26T11:00:19","date_gmt":"2016-01-26T16:00:19","guid":{"rendered":"http:\/\/webdevstudios.com\/?p=12345"},"modified":"2024-04-15T12:03:04","modified_gmt":"2024-04-15T16:03:04","slug":"debugging-javascript-events","status":"publish","type":"post","link":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/","title":{"rendered":"Debugging JavaScript Events: Why Does It Do That When I Click This?"},"content":{"rendered":"<p>Sometimes things happen on a page that you can&#8217;t figure out. You click on a link and nothing happens; you submit a form and a modal pops up. Something is happening in JavaScript, but you can&#8217;t figure out where.<\/p>\n<p><!--more--><\/p>\n<h4>Enter, once again, the Chrome Developer Tools.<\/h4>\n<p>Let&#8217;s say we have a link on the page that when clicked, instead of taking us to the URL in its href attribute, throws error messages all over the page randomly. A quick search all of your codebase returns no clear clues towards what script could be causing it. There are either too many references to the link to filter through, or nothing that seems to point directly to this link. We need to check what events are bound to this DOM node.<\/p>\n<p>To do this, open up Chrome on the page, right click on the element, and click &#8220;Inspect Element.&#8221; This opens up the familiar Chrome Developer Tools. Hopefully you are already familiar with the basics here, inspecting elements and their styles, and basic JavaScript debugging (if you aren&#8217;t do yourself a favor and do a bit of looking around and look up some tutorials!). What interests us now is the &#8220;Event Listeners&#8221; tab on the right in the elements screen (which should be the screen that opens when you use &#8220;Inspect Element&#8221;).<\/p>\n<p><a href=\"http:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/12\/Screenshot-2015-12-28-16.15.01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12347\" src=\"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/12\/Screenshot-2015-12-28-16.15.01.png\" alt=\"Screenshot 2015-12-28 16.15.01\" width=\"624\" height=\"245\" \/><\/a><\/p>\n<p>Under this panel, you should see a bunch of expandable event names and under each links to the functions that are bound to that event on the currently selected element.\u00a0For our example, we should check out the\u00a0click event to see what scripts we have bound to that event. On the left, we can see the DOM node the event is specifically bound to (events can be bound to a parent object listening for actions on child objects), and on the right, we can see the\u00a0script and the location in the script of the function that is bound to that action.<\/p>\n<p><a href=\"http:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/12\/Screenshot-2015-12-28-16.17.22.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12348\" src=\"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/12\/Screenshot-2015-12-28-16.17.22.png\" alt=\"Screenshot 2015-12-28 16.17.22\" width=\"314\" height=\"88\" \/><\/a><\/p>\n<p>Clicking on that file name will bring us to the Sources page of the Developer Tools with that file shown. From here you can read through each function bound to the event and find which seems most likely to be the one triggering the behavior you are trying to figure out. You can add breakpoints and pause the code mid-execution to\u00a0check exactly what is happening that may be causing the issue.<\/p>\n<p>If the code is minimized\u00a0make sure to click the &#8220;Pretty Print&#8221; button in the bottom left of the source view to expand out the code for easier reading, turning this:<\/p>\n<p><a href=\"http:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/12\/Screenshot-2015-12-28-16.23.22.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12349\" src=\"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/12\/Screenshot-2015-12-28-16.23.22.png\" alt=\"Screenshot 2015-12-28 16.23.22\" width=\"474\" height=\"195\" \/><\/a><\/p>\n<p>Into this:<\/p>\n<p><a href=\"http:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/12\/Screenshot-2015-12-28-16.25.15.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12350\" src=\"https:\/\/webdevstudios.com\/wp-content\/uploads\/2015\/12\/Screenshot-2015-12-28-16.25.15.png\" alt=\"Screenshot 2015-12-28 16.25.15\" width=\"590\" height=\"197\" \/><\/a><\/p>\n<p>Much better, right?<\/p>\n<p>Do you have any questions? Other tips you&#8217;d like to add to the mix? Throw them in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes things happen on a page that you can&#8217;t figure out. You click on a link and nothing happens; you submit a form and a modal pops up. Something is happening in JavaScript, but you can&#8217;t figure out where.<\/p>\n","protected":false},"author":46,"featured_media":12522,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[357,140],"tags":[358,387,189],"coauthors":[13429],"class_list":["post-12345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-debugging","category-development","tag-debugging","tag-javascript-2","tag-tutorial"],"acf":{"blog_hero_image":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Debugging JavaScript Events: Why Does It Do That When I Click This? - WebDevStudios<\/title>\n<meta name=\"description\" content=\"Sometimes things happen on a page that you can&#039;t figure out. You click on a link and nothing happens; you submit a form and a modal pops up. Something is\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Debugging JavaScript Events: Why Does It Do That When I Click This?\" \/>\n<meta property=\"og:description\" content=\"Sometimes things happen on a page that you can&#039;t figure out. You click on a link and nothing happens; you submit a form and a modal pops up. Something is\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDevStudios\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/webdevstudios\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-26T16:00:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-15T16:03:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdevstudios.com\/wp-content\/uploads\/2016\/01\/Why-Does-It-Do-That-When-I-Click-This-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"851\" \/>\n\t<meta property=\"og:image:height\" content=\"315\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Camden Segal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webdevstudios\" \/>\n<meta name=\"twitter:site\" content=\"@webdevstudios\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Camden Segal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/\"},\"author\":{\"name\":\"Camden Segal\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#\\\/schema\\\/person\\\/82ed512295976e49907010f3490989c2\"},\"headline\":\"Debugging JavaScript Events: Why Does It Do That When I Click This?\",\"datePublished\":\"2016-01-26T16:00:19+00:00\",\"dateModified\":\"2024-04-15T16:03:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/\"},\"wordCount\":468,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/Why-Does-It-Do-That-When-I-Click-This-.jpg\",\"keywords\":[\"debugging\",\"javascript\",\"tutorial\"],\"articleSection\":[\"Debugging\",\"Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/\",\"name\":\"Debugging JavaScript Events: Why Does It Do That When I Click This? - WebDevStudios\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/Why-Does-It-Do-That-When-I-Click-This-.jpg\",\"datePublished\":\"2016-01-26T16:00:19+00:00\",\"dateModified\":\"2024-04-15T16:03:04+00:00\",\"description\":\"Sometimes things happen on a page that you can't figure out. You click on a link and nothing happens; you submit a form and a modal pops up. Something is\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/#primaryimage\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/Why-Does-It-Do-That-When-I-Click-This-.jpg\",\"contentUrl\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/Why-Does-It-Do-That-When-I-Click-This-.jpg\",\"width\":851,\"height\":315,\"caption\":\"JavaScript, Debugging Javascript, JS tips, JavaScript tips, JavaScript tutorials, Learn JavaScript Deeply,\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/2016\\\/01\\\/26\\\/debugging-javascript-events\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/webdevstudios.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Debugging JavaScript Events: Why Does It Do That When I Click This?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#website\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/\",\"name\":\"WebDevStudios\",\"description\":\"WordPress Design and Development Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/webdevstudios.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#organization\",\"name\":\"WebDevStudios\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/wds-amp-logo.png\",\"contentUrl\":\"https:\\\/\\\/webdevstudios.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/wds-amp-logo.png\",\"width\":173,\"height\":60,\"caption\":\"WebDevStudios\"},\"image\":{\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/facebook.com\\\/webdevstudios\",\"https:\\\/\\\/x.com\\\/webdevstudios\",\"http:\\\/\\\/instagram.com\\\/webdevstudios\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/webdevstudios-llc-\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/webdevstudios.com\\\/#\\\/schema\\\/person\\\/82ed512295976e49907010f3490989c2\",\"name\":\"Camden Segal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g4d2650ff7fd93cb54809dd154b7add1c\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g\",\"caption\":\"Camden Segal\"},\"url\":\"https:\\\/\\\/webdevstudios.com\\\/author\\\/camden\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Debugging JavaScript Events: Why Does It Do That When I Click This? - WebDevStudios","description":"Sometimes things happen on a page that you can't figure out. You click on a link and nothing happens; you submit a form and a modal pops up. Something is","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/","og_locale":"en_US","og_type":"article","og_title":"Debugging JavaScript Events: Why Does It Do That When I Click This?","og_description":"Sometimes things happen on a page that you can't figure out. You click on a link and nothing happens; you submit a form and a modal pops up. Something is","og_url":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/","og_site_name":"WebDevStudios","article_publisher":"http:\/\/facebook.com\/webdevstudios","article_published_time":"2016-01-26T16:00:19+00:00","article_modified_time":"2024-04-15T16:03:04+00:00","og_image":[{"width":851,"height":315,"url":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2016\/01\/Why-Does-It-Do-That-When-I-Click-This-.jpg","type":"image\/jpeg"}],"author":"Camden Segal","twitter_card":"summary_large_image","twitter_creator":"@webdevstudios","twitter_site":"@webdevstudios","twitter_misc":{"Written by":"Camden Segal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/#article","isPartOf":{"@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/"},"author":{"name":"Camden Segal","@id":"https:\/\/webdevstudios.com\/#\/schema\/person\/82ed512295976e49907010f3490989c2"},"headline":"Debugging JavaScript Events: Why Does It Do That When I Click This?","datePublished":"2016-01-26T16:00:19+00:00","dateModified":"2024-04-15T16:03:04+00:00","mainEntityOfPage":{"@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/"},"wordCount":468,"commentCount":1,"publisher":{"@id":"https:\/\/webdevstudios.com\/#organization"},"image":{"@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/#primaryimage"},"thumbnailUrl":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2016\/01\/Why-Does-It-Do-That-When-I-Click-This-.jpg","keywords":["debugging","javascript","tutorial"],"articleSection":["Debugging","Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/","url":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/","name":"Debugging JavaScript Events: Why Does It Do That When I Click This? - WebDevStudios","isPartOf":{"@id":"https:\/\/webdevstudios.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/#primaryimage"},"image":{"@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/#primaryimage"},"thumbnailUrl":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2016\/01\/Why-Does-It-Do-That-When-I-Click-This-.jpg","datePublished":"2016-01-26T16:00:19+00:00","dateModified":"2024-04-15T16:03:04+00:00","description":"Sometimes things happen on a page that you can't figure out. You click on a link and nothing happens; you submit a form and a modal pops up. Something is","breadcrumb":{"@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/#primaryimage","url":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2016\/01\/Why-Does-It-Do-That-When-I-Click-This-.jpg","contentUrl":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2016\/01\/Why-Does-It-Do-That-When-I-Click-This-.jpg","width":851,"height":315,"caption":"JavaScript, Debugging Javascript, JS tips, JavaScript tips, JavaScript tutorials, Learn JavaScript Deeply,"},{"@type":"BreadcrumbList","@id":"https:\/\/webdevstudios.com\/2016\/01\/26\/debugging-javascript-events\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdevstudios.com\/"},{"@type":"ListItem","position":2,"name":"Debugging JavaScript Events: Why Does It Do That When I Click This?"}]},{"@type":"WebSite","@id":"https:\/\/webdevstudios.com\/#website","url":"https:\/\/webdevstudios.com\/","name":"WebDevStudios","description":"WordPress Design and Development Agency","publisher":{"@id":"https:\/\/webdevstudios.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdevstudios.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdevstudios.com\/#organization","name":"WebDevStudios","url":"https:\/\/webdevstudios.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdevstudios.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2019\/07\/wds-amp-logo.png","contentUrl":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2019\/07\/wds-amp-logo.png","width":173,"height":60,"caption":"WebDevStudios"},"image":{"@id":"https:\/\/webdevstudios.com\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/webdevstudios","https:\/\/x.com\/webdevstudios","http:\/\/instagram.com\/webdevstudios","https:\/\/www.linkedin.com\/company\/webdevstudios-llc-\/"]},{"@type":"Person","@id":"https:\/\/webdevstudios.com\/#\/schema\/person\/82ed512295976e49907010f3490989c2","name":"Camden Segal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g4d2650ff7fd93cb54809dd154b7add1c","url":"https:\/\/secure.gravatar.com\/avatar\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b061c568ad94847a4b510bf61fea026ebfa04e4da98f5e3229f11fd2c53b48e7?s=96&d=mm&r=g","caption":"Camden Segal"},"url":"https:\/\/webdevstudios.com\/author\/camden\/"}]}},"jetpack_featured_media_url":"https:\/\/webdevstudios.com\/wp-content\/uploads\/2016\/01\/Why-Does-It-Do-That-When-I-Click-This-.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3WX6u-3d7","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/posts\/12345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/comments?post=12345"}],"version-history":[{"count":0,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/posts\/12345\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/media\/12522"}],"wp:attachment":[{"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/media?parent=12345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/categories?post=12345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/tags?post=12345"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/webdevstudios.com\/wp-json\/wp\/v2\/coauthors?post=12345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}