• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to secondary sidebar

Coder Tutorial

  • Home
  • HTML
  • CSS
  • PHP
  • SQL
  • MySQL
  • JS
  • PL/SQL
  • Python
  • Java
  • Oracle

JS Events

JavaScript Events

JavaScript Events

A JavaScript function is a section of code that perform a specific task when called. Calling a function is achieved by its name.

Syntax:

function function_name() 
  {
    function code
  }

Example:

<html>
<head>
<script>
function helloFunction()
{
alert("Hello people!");
}
</script>
</head>
<body>
<input type="button" onclick="helloFunction()" value="Press button" />
</body>     
</html>

Result:


JavaScript Event Handlers

Event handling is to drive action following the event, such as onClick, onMouseOver, onKeyUp.
Drive or treating an event brings drive a JavaScript function that will take over the tasks assigned to the event.

EventDescription
onBlurAction that will be triggered when an element loses focus on.
onChangeAction that will be automatically triggered when changing an item.
onFocusAction that will be triggered by focusing on an element.
onResetAction will be initiated when the reset button of a form is pressed.
onSelectAction that will be triggered when selecting an item.
onSubmitAction will be initiated when the submit button of a form is pressed.
onClickAction that will be triggered when you press left click on the mouse.
onDblClickAction that will be triggered when double click the left mouse button.
onMouseDownAction that will be triggered when a mouse button is pressed.
onMouseMoveAction that will be triggered when the mouse cursor moves.
onMouseOutAction that will be triggered when the mouse cursor moves outside
item or area bounded.
onMouseOverAction that will be triggered when the mouse pointer moves over a
element or over the surface area.
onMouseUpAction that will be triggered when the mouse button is released.
onKeyDownAction that will be triggered when a key is pressed.
onKeyPressAction that will be triggered when you press and release a key.
onKeyUpAction that will be triggered when a key is released.
onErrorAction that will be triggered after loading an image or failure of a
document.
onLoadAction that will be automatically triggered when loading a document.
onUnLoadAction that will be automatically triggered when a document doesn’t load.

Filed Under: JavaScript

Primary Sidebar

Tutorials

  • HTML Tutorial
  • CSS Tutorial
  • PHP Tutorial
  • SQL Tutorial
  • MySQL Tutorial
  • JavaScript Tutorial
  • Python Tutorial
  • PL/SQL Tutorial
  • Java Tutorial
  • SQLPlus Tutorial
  • Oracle Tutorial
  • PostgreSQL Tutorial
  • Ruby Tutorial

Secondary Sidebar

    • JavaScript Tutorial
    • Syntax
    • Variables
    • Operators
    • If...Else
    • Switch Case
    • For Loop
    • While Loop
    • Functions
    • Events
    • JavaScript Objects
    • Array
    • String
    • Math
    • RegExp

Copyright  2018 - 2021 Coder Tutorial

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.