{"id":11664,"date":"2022-07-29T09:15:35","date_gmt":"2022-07-29T09:15:35","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=11664"},"modified":"2023-05-09T06:21:11","modified_gmt":"2023-05-09T06:21:11","slug":"event-onkeydown-pada-javascript-2","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/","title":{"rendered":"Event OnKeyDown Pada JavaScript"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai&nbsp;membuat event onKeyDown dengan JavaScript. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya&nbsp; sobat Webhozz.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Event onKeyDown adalah event yang terjadi ketika sebuah tombol keyboard ditekan. Source code di bawah&nbsp;menunjukkan penggunaan keydown untuk melakukan validasi terhadap suatu input. Validasi dilakukan dengan memfilter\/membatasi bahwa hanya input angka 0-9 yang diijinkan untuk dimasukkan. Selain karakter angka, input tidak akan menerima karakter tersebut.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/05\/onkeydown-1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" width=\"590\" height=\"547\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/05\/onkeydown-1.jpg\" alt=\"\" class=\"wp-image-4554\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/05\/onkeydown-1.jpg 590w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/05\/onkeydown-1-300x278.jpg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/05\/onkeydown-2.jpg\"><img decoding=\"async\" width=\"523\" height=\"215\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/05\/onkeydown-2.jpg\" alt=\"\" class=\"wp-image-4555\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/05\/onkeydown-2.jpg 523w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/05\/onkeydown-2-300x123.jpg 300w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nah sobat Webhozz itulah pembahasan singkat mengenai membuat event onKeyDown dengan JavaScript. Semoga pembahasan artikel ini dapat membantu sobat Webhozz semua dalam mempelajari JavaScript, dan juga dapat menambah pengetahuan sobat Webhozz semua. Sampai berjumpa lagi pada pembahasan artikel-artikel lainnya yang tentunya lebih menarik lagi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai&nbsp;membuat event onKeyDown dengan JavaScript. Agar sobat Webhozz tidak bingung langsung aja<\/p>\n","protected":false},"author":1,"featured_media":11445,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-11664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Event OnKeyDown Pada JavaScript - WebHozz Blog<\/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:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Event OnKeyDown Pada JavaScript - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai&nbsp;membuat event onKeyDown dengan JavaScript. Agar sobat Webhozz tidak bingung langsung aja\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-29T09:15:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-09T06:21:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"Event OnKeyDown Pada JavaScript\",\"datePublished\":\"2022-07-29T09:15:35+00:00\",\"dateModified\":\"2023-05-09T06:21:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/\"},\"wordCount\":132,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/\",\"name\":\"Event OnKeyDown Pada JavaScript - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"datePublished\":\"2022-07-29T09:15:35+00:00\",\"dateModified\":\"2023-05-09T06:21:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"width\":\"750\",\"height\":\"400\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/event-onkeydown-pada-javascript-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Event OnKeyDown Pada JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Event OnKeyDown Pada JavaScript - WebHozz Blog","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:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/","og_locale":"en_US","og_type":"article","og_title":"Event OnKeyDown Pada JavaScript - WebHozz Blog","og_description":"Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai&nbsp;membuat event onKeyDown dengan JavaScript. Agar sobat Webhozz tidak bingung langsung aja","og_url":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/","og_site_name":"WebHozz Blog","article_published_time":"2022-07-29T09:15:35+00:00","article_modified_time":"2023-05-09T06:21:11+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"Event OnKeyDown Pada JavaScript","datePublished":"2022-07-29T09:15:35+00:00","dateModified":"2023-05-09T06:21:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/"},"wordCount":132,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/","url":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/","name":"Event OnKeyDown Pada JavaScript - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","datePublished":"2022-07-29T09:15:35+00:00","dateModified":"2023-05-09T06:21:11+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","width":"750","height":"400"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/event-onkeydown-pada-javascript-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Event OnKeyDown Pada JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=11664"}],"version-history":[{"count":2,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11664\/revisions"}],"predecessor-version":[{"id":12502,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11664\/revisions\/12502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/11445"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=11664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=11664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=11664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}