{"id":707,"date":"2021-04-21T06:01:45","date_gmt":"2021-04-21T06:01:45","guid":{"rendered":"https:\/\/bcisnotes.com\/fourthsemester\/?p=707"},"modified":"2021-04-21T06:02:35","modified_gmt":"2021-04-21T06:02:35","slug":"javascript-events-client-side-scripting-bcis-notes","status":"publish","type":"post","link":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/","title":{"rendered":"JavaScript Events || Client Side Scripting ||BCIS Notes"},"content":{"rendered":"<h1>JavaScript Events<\/h1>\n<div class=\"page\" title=\"Page 21\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>A JavaScript events is something that happens when a user interacts with the web page, such as when he clicked a link or button, entered text into an input box or text area, made a selection in a select box, pressed a key on the keyboard, moved the mouse pointer, submits a form, etc. In some cases, the Browser itself can trigger the events, such as the page load and unload events.<\/p>\n<p>When JavaScript events occur, you can use a JavaScript event handler (or an event listener) to detect them and perform a specific task or set of tasks. By convention, the names for event handlers always begin with the word &#8220;on&#8221;, so an event handler for the click event is called onclick, similarly, an event handler for the load event is called onload, event handler for the blur event is called onblur, and so on.<\/p>\n<p>There are several ways to assign an event handler. The simplest way is to add them directly to the start tag of the HTML elements using the special event- handler attributes. For example, to assign a click handler for a button element, we can use onclick attribute, like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8396 size-full\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.04.02-PM-e1617521063893.png\" alt=\"\" width=\"598\" height=\"46\" \/><\/p>\n<p>However, to keep the JavaScript separate from HTML, you can set up the event handler in an external JavaScript file or within the &lt;script&gt; and &lt;\/script&gt; tags, like this:<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 22\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8398 size-full\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.05.10-PM-e1617521079907.png\" alt=\"\" width=\"635\" height=\"166\" \/><\/p>\n<\/div>\n<\/div>\n<p><img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAacAAAASCAYAAAD\/nxHqAAAAAXNSR0IArs4c6QAAAHhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAA7XsAAANAQADtewAAA0BAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAaegAwAEAAAAAQAAABIAAAAAkqjNMgAAAAlwSFlzAAALPAAACzwB5HwTlgAAANNJREFUeAHt1UERgFAMQ8F+jCMJOcgpyHiHrYLMpjM5u3uPI0CAAAECHYH3\/OO0nTySECBAgACBeS4IBAgQIECgJmCcao3IQ4AAAQJjnDwBAQIECOQEjFOuEoEIECBAwDj5AQIECBDICRinXCUCESBAgIBx8gMECBAgkBMwTrlKBCJAgAAB4+QHCBAgQCAnYJxylQhEgAABAsbJDxAgQIBATsA45SoRiAABAgSMkx8gQIAAgZyAccpVIhABAgQIGCc\/QIAAAQI5AeOUq0QgAgQIEPgAC5wJIQOG54IAAAAASUVORK5CYII=\" alt=\"page22image32783552\" width=\"422.680000\" height=\"17.500000\" \/><\/p>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>In general, the events can be categorized into four main groups \u2014 mouse, events, keyboard events, form events, and document\/window events.<\/p>\n<\/div>\n<\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h2>Mouse Events<\/h2>\n<p>A mouse event is triggered when the user clicks some element, moves the mouse pointer over an element, etc. Here&#8217;re some most important mouse events and their event handler.<\/p>\n<h3>The Click Event (onclick)<\/h3>\n<p>The click event occurs when a user clicks on an element on a web page. Often, these are form elements and links. You can handle a click event with\u00a0an onclick event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8399 size-full\" title=\"The Click Event (onclick)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.06.53-PM-e1617521100947.png\" alt=\"The Click Event (onclick)\" width=\"636\" height=\"30\" \/><\/p>\n<h3>The Contextmenu Event (oncontextmenu)<\/h3>\n<p>The contextmenu event occurs when a user clicks the right mouse button on an element to open a context menu. You can handle a contextmenu event with\u00a0an oncontextmenu event handler.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 23\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8400 size-full\" title=\"The Contextmenu Event (oncontextmenu)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.08.02-PM-e1617521117753.png\" alt=\"The Contextmenu Event (oncontextmenu)\" width=\"770\" height=\"44\" \/><\/p>\n<h3>The Mouseover Event (onmouseover)<\/h3>\n<p>The mouseover event occurs when a user moves the mouse pointer over an element.\u00a0You can handle the mouseover event with the onmouseover event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8401 size-full\" title=\"The Mouseover Event (onmouseover)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.10.49-PM.png\" alt=\"The Mouseover Event (onmouseover)\" width=\"766\" height=\"64\" \/><\/p>\n<h3>The Mouseout Event (onmouseout)<\/h3>\n<p>The mouseout event occurs when a user moves the mouse pointer outside of an element.\u00a0You can handle the mouseout event with the onmouseout event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8402 size-full\" title=\"The Mouseout Event (onmouseout)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.12.14-PM.png\" alt=\"The Mouseout Event (onmouseout)\" width=\"742\" height=\"70\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 24\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h2>Keyboard Events<\/h2>\n<p>A keyboard event is fired when the user presses or release a key on the keyboard. Here&#8217;re some most important keyboard events and their event handler.<\/p>\n<h3>The Keydown Event (onkeydown)<\/h3>\n<p>The keydown event occurs when the user presses down a key on the keyboard.\u00a0You can handle the keydown event with the onkeydown event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8403 size-full\" title=\"The Keydown Event (onkeydown)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.13.36-PM.png\" alt=\"The Keydown Event (onkeydown)\" width=\"742\" height=\"38\" \/><\/p>\n<h3>The Keyup Event (onkeyup)<\/h3>\n<p>The keyup event occurs when the user releases a key on the keyboard.\u00a0You can handle the keyup event with the onkeyup event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8404 size-full\" title=\"The Keyup Event (onkeyup)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.14.41-PM.png\" alt=\"The Keyup Event (onkeyup)\" width=\"773\" height=\"36\" \/><\/p>\n<h3>The Keypress Event (onkeypress)<\/h3>\n<p>The keypress event occurs when a user presses down a key on the keyboard that has a character value associated with it. For example, keys like Ctrl, Shift, Alt, Esc, Arrow keys, etc. will not generate a keypress event but will generate a keydown and keyup event.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 25\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>You can handle the keypress event with the onkeypress event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8405 size-full\" title=\"The Keypress Event (onkeypress)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.15.28-PM.png\" alt=\"The Keypress Event (onkeypress)\" width=\"755\" height=\"38\" \/><\/p>\n<\/div>\n<\/div>\n<p><img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc8AAAASCAYAAAA9r1VuAAAAAXNSR0IArs4c6QAAAHhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAClItAAAkJwAKUi0AACQnAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAc+gAwAEAAAAAQAAABIAAAAAi74vpQAAAAlwSFlzAAALPQAACz0BNjvxcgAAAN5JREFUeAHt1cENgDAMBMGEmuiPPmjWUEL2P37fa2Rp98w8yxEgQIAAAQKnAu\/+4zmnazsCBAgQIEBg3RcEAgQIECBAoAmIZ\/OyJkCAAAECSzw9AQECBAgQiALiGcHMCRAgQICAePoBAgQIECAQBcQzgpkTIECAAAHx9AMECBAgQCAKiGcEMydAgAABAuLpBwgQIECAQBQQzwhmToAAAQIExNMPECBAgACBKCCeEcycAAECBAiIpx8gQIAAAQJRQDwjmDkBAgQIEBBPP0CAAAECBKKAeEYwcwIECBAg8AEqnghp8bPaLwAAAABJRU5ErkJggg==\" alt=\"page25image32969216\" width=\"462.200000\" height=\"17.500000\" \/><\/p>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>A form event is fired when a form control receives or loses focus or when the user modifies a form control value such as by typing text in a text input, select an option in a select box, etc.<\/p>\n<\/div>\n<\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h2>The Focus Event (onfocus)<\/h2>\n<p>The focus event occurs when the user gives focus to an element on a web page.<\/p>\n<p>You can handle the focus event with the onfocus event handler. The following example will highlight the background of text input in yellow color when it receives the focus.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8406 size-full\" title=\"The Focus Event (onfocus)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.17.05-PM.png\" alt=\"The Focus Event (onfocus)\" width=\"605\" height=\"134\" \/><\/p>\n<h2>The Blur Event (onblur)<\/h2>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 26\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>The blur event occurs when the user takes the focus away from a form element or a window.<\/p>\n<p>You can handle the blur event with the onblur event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8407 size-full\" title=\"The Blur Event (onblur)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.17.57-PM.png\" alt=\"The Blur Event (onblur)\" width=\"521\" height=\"55\" \/><\/p>\n<h2>The Change Event (onchange)<\/h2>\n<p>The change event occurs when a user changes the value of a form element.<\/p>\n<p>You can handle the change event with the onchange event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8408 size-full\" title=\"The Change Event (onchange)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.18.52-PM.png\" alt=\"The Change Event (onchange)\" width=\"552\" height=\"88\" \/><\/p>\n<h2>The Submit Event (onsubmit)<\/h2>\n<p>The submit event only occurs when the user submits a form on a web page. You can handle the submit event with the onsubmit event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8409 size-full\" title=\"The Submit Event (onsubmit)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.19.40-PM.png\" alt=\"The Submit Event (onsubmit)\" width=\"747\" height=\"102\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 27\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h2>Document\/Window Events<\/h2>\n<p>Events are also triggered in situations when the page has loaded or when the user resizes the browser window, etc.<\/p>\n<h3>The Load Event (onload)<\/h3>\n<p>The load event occurs when a web page has finished loading in the web browser.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8410 size-full\" title=\"The Load Event (onload)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.20.36-PM.png\" alt=\"The Load Event (onload)\" width=\"641\" height=\"58\" \/><\/p>\n<h3>The Unload Event (onunload)<\/h3>\n<p>The unload event occurs when a user leaves the current web page. You can handle the unload event with the onunload event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8411 size-full\" title=\"The Unload Event (onunload)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.21.33-PM.png\" alt=\"The Unload Event (onunload)\" width=\"757\" height=\"41\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 28\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>The Resize Event (onresize)<\/h3>\n<p>The resize event occurs when a user resizes the browser window. The resize event also occurs in situations when the browser window is minimized or maximized.<\/p>\n<p>You can handle the resize event with the onresize event handler.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8412 size-full\" title=\"The Resize Event (onresize)\" src=\"https:\/\/www.onlinenotesnepal.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-04-at-1.22.39-PM.png\" alt=\"The Resize Event (onresize)\" width=\"757\" height=\"173\" \/><\/p>\n<p>If you liked our content JavaScript Events, then you will also like\u00a0<a href=\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-operators-client-side-scripting-bcis-notes\/\">JavaScript Operators<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>JavaScript Events A JavaScript events is something that happens when a user interacts with the web page, such as when he clicked a link or <a class=\"mh-excerpt-more\" href=\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/\" title=\"JavaScript Events || Client Side Scripting ||BCIS Notes\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":3,"featured_media":708,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[227,226,232],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript Events || Client Side Scripting ||BCIS Notes<\/title>\n<meta name=\"description\" content=\"A JavaScript events are something that happens when user interact with the web page, such as when he clicked a link or button, entered text.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Events || Client Side Scripting ||BCIS Notes\" \/>\n<meta property=\"og:description\" content=\"A JavaScript events are something that happens when user interact with the web page, such as when he clicked a link or button, entered text.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/\" \/>\n<meta property=\"og:site_name\" content=\"BCIS Fourth Semester\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-21T06:01:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-21T06:02:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png\" \/>\n\t<meta property=\"og:image:width\" content=\"340\" \/>\n\t<meta property=\"og:image:height\" content=\"230\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Her Highness\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Her Highness\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/\"},\"author\":{\"name\":\"Her Highness\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3\"},\"headline\":\"JavaScript Events || Client Side Scripting ||BCIS Notes\",\"datePublished\":\"2021-04-21T06:01:45+00:00\",\"dateModified\":\"2021-04-21T06:02:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/\"},\"wordCount\":874,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png\",\"keywords\":[\"Client Side Scripting\",\"JavaScript\",\"JavaScript Events\"],\"articleSection\":[\"IT\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/\",\"name\":\"JavaScript Events || Client Side Scripting ||BCIS Notes\",\"isPartOf\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png\",\"datePublished\":\"2021-04-21T06:01:45+00:00\",\"dateModified\":\"2021-04-21T06:02:35+00:00\",\"description\":\"A JavaScript events are something that happens when user interact with the web page, such as when he clicked a link or button, entered text.\",\"breadcrumb\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#primaryimage\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png\",\"contentUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png\",\"width\":340,\"height\":230,\"caption\":\"JavaScript Events || Client Side Scripting ||BCIS Notes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bcisnotes.com\/fourthsemester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript Events || Client Side Scripting ||BCIS Notes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#website\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/\",\"name\":\"BCIS Fourth Semester\",\"description\":\"Notes of Information and Technology\",\"publisher\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bcisnotes.com\/fourthsemester\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\",\"name\":\"BCIS Fourth Semester\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg\",\"contentUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg\",\"width\":300,\"height\":100,\"caption\":\"BCIS Fourth Semester\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3\",\"name\":\"Her Highness\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g\",\"caption\":\"Her Highness\"},\"sameAs\":[\"http:\/\/bcisnotes.com\/fourthsemester\"],\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/author\/jaya\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Events || Client Side Scripting ||BCIS Notes","description":"A JavaScript events are something that happens when user interact with the web page, such as when he clicked a link or button, entered text.","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:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Events || Client Side Scripting ||BCIS Notes","og_description":"A JavaScript events are something that happens when user interact with the web page, such as when he clicked a link or button, entered text.","og_url":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/","og_site_name":"BCIS Fourth Semester","article_published_time":"2021-04-21T06:01:45+00:00","article_modified_time":"2021-04-21T06:02:35+00:00","og_image":[{"width":340,"height":230,"url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png","type":"image\/png"}],"author":"Her Highness","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Her Highness","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#article","isPartOf":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/"},"author":{"name":"Her Highness","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3"},"headline":"JavaScript Events || Client Side Scripting ||BCIS Notes","datePublished":"2021-04-21T06:01:45+00:00","dateModified":"2021-04-21T06:02:35+00:00","mainEntityOfPage":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/"},"wordCount":874,"commentCount":0,"publisher":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#primaryimage"},"thumbnailUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png","keywords":["Client Side Scripting","JavaScript","JavaScript Events"],"articleSection":["IT"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/","url":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/","name":"JavaScript Events || Client Side Scripting ||BCIS Notes","isPartOf":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#primaryimage"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#primaryimage"},"thumbnailUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png","datePublished":"2021-04-21T06:01:45+00:00","dateModified":"2021-04-21T06:02:35+00:00","description":"A JavaScript events are something that happens when user interact with the web page, such as when he clicked a link or button, entered text.","breadcrumb":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#primaryimage","url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png","contentUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-14.png","width":340,"height":230,"caption":"JavaScript Events || Client Side Scripting ||BCIS Notes"},{"@type":"BreadcrumbList","@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-events-client-side-scripting-bcis-notes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bcisnotes.com\/fourthsemester\/"},{"@type":"ListItem","position":2,"name":"JavaScript Events || Client Side Scripting ||BCIS Notes"}]},{"@type":"WebSite","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#website","url":"https:\/\/bcisnotes.com\/fourthsemester\/","name":"BCIS Fourth Semester","description":"Notes of Information and Technology","publisher":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bcisnotes.com\/fourthsemester\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization","name":"BCIS Fourth Semester","url":"https:\/\/bcisnotes.com\/fourthsemester\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/","url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg","contentUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg","width":300,"height":100,"caption":"BCIS Fourth Semester"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3","name":"Her Highness","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g","caption":"Her Highness"},"sameAs":["http:\/\/bcisnotes.com\/fourthsemester"],"url":"https:\/\/bcisnotes.com\/fourthsemester\/author\/jaya\/"}]}},"_links":{"self":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/707"}],"collection":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/comments?post=707"}],"version-history":[{"count":2,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/707\/revisions"}],"predecessor-version":[{"id":710,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/707\/revisions\/710"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/media\/708"}],"wp:attachment":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/media?parent=707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/categories?post=707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/tags?post=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}