---
title: "JavaScript Events | LemonadeJS v2"
description: "LemonadeJS v2 archive. The LemonadeJS events helps to create custom reactions on your components."
source: https://lemonadejs.com/docs/v2/events/
---
LemonadeJS Events
=================
This chapter will describe more about the two native events and the JavaScript event object (e).
| Event | Description |
| --- |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| onload(component: DOMElement) | It happens when the component is mounted and ready in the DOM. `self.onload(component: DOMElement) => void` |
| onchange(property, affectedElements) | It happens when the value of a self property in observation is updated. `self.onchange(property: string, affected: object) => void` `@param property` - self property that triggered the event. `@param affectedElements` - When the same property is bound to different HTML elements. |
Examples
--------
### When a property value changes
There is a call to the method `self.onchange` when the value of a self property in observation changes. A self property is automatically added to the list of observable properties when this self property is included in the DOM.
```html
```
[See this example on codesandbox](https://codesandbox.io/s/lemonadejs-events-example-1qppb)
### When the component is ready
The component method `self.onload` will be called when the component is ready and appended to the DOM.
```html
```
The event object
----------------
From version 2.2.4 you can pass the event object (e) from the template to any event handler, as example below.
```html
```
The event will be shown on the console