{"id":6322,"date":"2022-09-02T18:22:37","date_gmt":"2022-09-02T12:52:37","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/"},"modified":"2022-09-02T18:22:37","modified_gmt":"2022-09-02T12:52:37","slug":"solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/","title":{"rendered":"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension?"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-52927123\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"52927123\" data-parentid=\"52921227\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>In your content.js, write the following code-<\/p>\n<pre><code>$(window).click(function(event) {\n    console.log(\"Click event: \", event);\n});\n<\/code><\/pre>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.chrome.com\/extensions\/content_scripts\">Content scripts<\/a> are files that run in the context of web pages. By using the standard Document Object Model (DOM), they are able to read details of the web pages the browser visits, make changes to them and pass information to their parent extension.<\/p>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">1<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension? <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] In your content.js, write the following code- $(window).click(function(event) { console.log(&#8220;Click event: &#8220;, event); }); Content scripts are files that run in the context of web pages. By using the standard Document Object Model (DOM), they are able to read details of the web pages the browser visits, make changes to them and pass information &#8230; <a title=\"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension?\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/\" aria-label=\"More on [Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension?\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[864,1576,333],"class_list":["post-6322","post","type-post","status-publish","format-standard","hentry","category-solved","tag-google-chrome","tag-google-chrome-extension","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension? - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension? - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] In your content.js, write the following code- $(window).click(function(event) { console.log(&quot;Click event: &quot;, event); }); Content scripts are files that run in the context of web pages. By using the standard Document Object Model (DOM), they are able to read details of the web pages the browser visits, make changes to them and pass information ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-02T12:52:37+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\\\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension?\",\"datePublished\":\"2022-09-02T12:52:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\\\/\"},\"wordCount\":108,\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"keywords\":[\"google-chrome\",\"google-chrome-extension\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\\\/\",\"name\":\"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension? - JassWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\"},\"datePublished\":\"2022-09-02T12:52:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\\\/\\\/jassweb.com\"],\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/author\\\/jaspritsinghghumangmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension? - JassWeb","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:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension? - JassWeb","og_description":"[ad_1] In your content.js, write the following code- $(window).click(function(event) { console.log(\"Click event: \", event); }); Content scripts are files that run in the context of web pages. By using the standard Document Object Model (DOM), they are able to read details of the web pages the browser visits, make changes to them and pass information ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/","og_site_name":"JassWeb","article_published_time":"2022-09-02T12:52:37+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension?","datePublished":"2022-09-02T12:52:37+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/"},"wordCount":108,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["google-chrome","google-chrome-extension","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/","url":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/","name":"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension? - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-09-02T12:52:37+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-may-i-get-the-element-attributes-text-id-class-and-so-on-of-the-current-tab-out-of-a-mouse-click-from-a-chrome-extension\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How may I get the element attributes (text, id, class and so on..) of the current tab, out of a mouse click, from a chrome extension?"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/6322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=6322"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/6322\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=6322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=6322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=6322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}