Types Of Calling A Business Office Spell Click Inwards Javascript

     In javascript nosotros tin telephone yell upwardly a component division acre clicking html elements inward 3 types, they are define inward next example.

1) onclick
2) object.onclick
3) addEventListener


1) onclick:
     This is type is define within the html tag. When yous desire to telephone yell upwardly a component division inward acre clicking yous tin utilization the onclick attribute within the html elements.

Syntax

 <element onclick="script or component division calling">

Example

 <script>
  function cl_fun()
 {
   alert("Function Called");
 }
 </script> 
 
  <input type="button" onclick="cl_fun();" value="Click Here">

2) object.onclick
     In this method nosotros are telephone yell upwardly a component division using html elements id.

Syntax

 var obj=document.getElementById("element_id");
 obj.onclick=function(){/*script here*/};

Example

 <script> 
  var obj=document.getElementById("btnid");
  obj.onclick=function(){alert("Function Called");};
 
 or
  var obj=document.getElementById("btnid"); 
  obj.onclick=function_name; 
 </script>
 
   <input type="button" id="btnid" value="Click Here">

3) addEventListener
     addEventListener and define such equally object.onclick, the lawsuit is shown below.

Syntax:

  var obj=document.getElementById("element_id");
 obj.addEventListener("click",function(){/*script here*/},useCapture);
 
  or
  var obj=document.getElementById("element_id"); 
  obj.addEventListener("click",function_name,useCapture);

addEventListener faux why?
       The 3rd parameter is If true, useCapture indicates that the user wishes to initiate capture. After initiating capture, all events of the specified type volition last dispatched to the registered listener earlier existence dispatched to whatever EventTargets beneath it inward the DOM tree. Events which are bubbling upward through the tree volition non trigger a listener designated to utilization capture. See DOM Level 3 Events for a detailed explanation.

Example

 <script> 
  var obj=document.getElementById("btnid");
  obj.addEventListener("click",function(){alert("Function Called"),false};
 </script>
 
  <input type="button" id="btnid" value="Click Here">

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement




Tag:
click component division using javascrip inward allinworld99, click effect inward javascript allinworld99