{"id":16559,"date":"2009-02-14T05:01:30","date_gmt":"2009-02-13T23:31:30","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/"},"modified":"2009-02-14T05:01:30","modified_gmt":"2009-02-13T23:31:30","slug":"solved-explain-the-javascript","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/","title":{"rendered":"[Solved] Explain the javascript"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

This looks a bit like minimised code, where function call are often shortened by creating lookup tables, so you can save some bits on long function calls like Element.dispatchEvent<\/code> and instead minimise it to e[l(p)]<\/code>.<\/p>\n

The variable _0x76ed32<\/code> holds the reference to your input element.<\/p>\n

_0x76ed32['dispatchEvent'](new Event('blur'))\n<\/code><\/pre>\n
This is a function call on your element. It is equivalent to the usual notation you see:<\/p>\n
_0x76ed32.dispatchEvent(new Event('blur'))\n<\/code><\/pre>\n
meaning it simply dispatches the blur event. This method to write a function call is typical if you don’t know the name of the function and it’s decided at runtime, e.g.<\/p>\n
let func=\"dispatchEvent\";\n_0x76ed32[func](new Event('blur'))\n<\/code><\/pre>\n
Look up “reflection” to learn more about this.<\/p>\n
The following code snippet is a good example for this:<\/p>\n
a0_0x3fed('0x9f')\n<\/code><\/pre>\n
returns a function name which is then plugged into the following function call<\/p>\n
$(_0x76ed32)[a0_0x3fed('0x9f')](a0_0x3fed('0x3b'), _0x5bf4db)\n<\/code><\/pre>\n
I assume it is setting the value of the input element _0x76ed32<\/code>, but why the element is being wrapped $(_0x76ed32)<\/code> and what the two function parameters are, cannot be told from just this line of code.
\nI assume it’s similar to the native setAttribute(name,value)<\/code> call.<\/p>\n
and lastly you have the following code snippet:<\/p>\n
_0x76ed32[a0_0x3fed('0xb3')](new Event('input'))\n<\/code><\/pre>\n
Here, a0_0x3fed('0xb3')<\/code> again returns a function name. From inspecting the call, it’s most likely dispatchEvent<\/code>, which then dispatches the input<\/code> event on the element _0x76ed32<\/code>.<\/p>\n
It might work something like this:<\/p>\n<\/p>\n
\n
\n
let _0x76ed32 = document.querySelector(\"input\"),\n  fields = {\n    '0xb3': \"dispatchEvent\",\n    '0x3b': \"value\",\n    '0x9f': \"setAttribute\"\n  },\n  a0_0x3fed = par => fields[par],\n  _0x5bf4db = \"new value :)\";\n  \n\/\/ slightly changed the code\n_0x76ed32[a0_0x3fed('0xb3')](new Event('input'));\n_0x76ed32[a0_0x3fed('0x9f')](a0_0x3fed('0x3b'), _0x5bf4db);\n_0x76ed32[a0_0x3fed('0xb3')](new Event('blur'));<\/code><\/pre>\n
<input type=\"text\" value=\"old value!\" \/><\/code><\/pre>\n<\/div>\n<\/div>\n
Final note: Your code should work perfectly fine, once you emit the events in the right order:<\/p>\n<\/p>\n
\n
\n
var elem = document.getElementById('mobile');\nelem.value=\"1234567890\";\nelem.dispatchEvent(new Event('blur', { bubbles: true }));\nelem.dispatchEvent(new Event('input', { bubbles: true }));<\/code><\/pre>\n
<input id=\"mobile\" type=\"text\" value=\"123\" \/><\/code><\/pre>\n<\/div>\n<\/div><\/div>\n
<\/div>\n<\/div>\n
            1<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved Explain the javascript <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] This looks a bit like minimised code, where function call are often shortened by creating lookup tables, so you can save some bits on long function calls like Element.dispatchEvent and instead minimise it to e[l(p)]. The variable _0x76ed32 holds the reference to your input element. _0x76ed32[‘dispatchEvent’](new Event(‘blur’)) This is a function call on your … 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":[333],"class_list":["post-16559","post","type-post","status-publish","format-standard","hentry","category-solved","tag-javascript"],"yoast_head":"\n[Solved] Explain the javascript - 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-explain-the-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Explain the javascript - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] This looks a bit like minimised code, where function call are often shortened by creating lookup tables, so you can save some bits on long function calls like Element.dispatchEvent and instead minimise it to e[l(p)]. The variable _0x76ed32 holds the reference to your input element. _0x76ed32['dispatchEvent'](new Event('blur')) This is a function call on your ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2009-02-13T23:31:30+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\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:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Explain the javascript\",\"datePublished\":\"2009-02-13T23:31:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/\"},\"wordCount\":230,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/\",\"name\":\"[Solved] Explain the javascript - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2009-02-13T23:31:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Explain the javascript\"}]},{\"@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\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Explain the javascript - 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-explain-the-javascript\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Explain the javascript - JassWeb","og_description":"[ad_1] This looks a bit like minimised code, where function call are often shortened by creating lookup tables, so you can save some bits on long function calls like Element.dispatchEvent and instead minimise it to e[l(p)]. The variable _0x76ed32 holds the reference to your input element. _0x76ed32['dispatchEvent'](new Event('blur')) This is a function call on your ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/","og_site_name":"JassWeb","article_published_time":"2009-02-13T23:31:30+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Explain the javascript","datePublished":"2009-02-13T23:31:30+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/"},"wordCount":230,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/","url":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/","name":"[Solved] Explain the javascript - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2009-02-13T23:31:30+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-explain-the-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Explain the javascript"}]},{"@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\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","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\/16559","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=16559"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/16559\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=16559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=16559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=16559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}