javascript event

Amruta Kulkarni 1561 10 May 2018

what is event handling and event bubbling?

Amruta Kulkarni

Other

1 Answers

Prakash nidhi Verma 06 Jun 2018

When JS called by HTML index. Javascript can "react" on these events.Often, when events happen, according to your choice of events. JavaScript lets you execute code when events are detected.

code content of its own element(using this.outerHTML):

<button onclick="this.outerHTML = Date()">The time is?</button>

Javascript is several long type of text code. It is more common to see event attributes by calling thefunctions:

<button onclick="displayDate()">The time is?</button>

for more info go on HTML DOM Events.

Event handling :-

only assigned function is work for event handler, that function is run when that event occurs otherwise not.

document.onclick = clickHandler;

Type of event handler:

1-Interactive event handlers

2-Non-Interactive event handlers

Event Bubbling :-

When an event happens on an element, it first runs for handelers, on its parent, then all the way up on other ancestors.

<style>
  body * {
    margin: 20px;
    border: 3px your color;
  }
</style>
<form onclick="alert('form')">FORM
  <div onclick="alert('div')">DIV
    <p onclick="alert('p')">P</p>
  </div>
</form>

in the above code we got three layer boxes most outer box is Form, after that DIV and most deeply nested is P.

Happy Coding :)

forum

javascript event

Can you answer this question?

1 Answers