Home Javascript JavaScript createEventObject method

Related Tutorials


 
 

Share on Google+Share on Google+

JavaScript createEventObject method

Advertisement
If user wants to create and add any event to the specified object then its possible to create and add event to the objects with the help of JavaScript.

JavaScript createEventObject method

     

If user wants to create and add any event to the specified object then its possible to create and add event to the objects with the help of JavaScript. We can create an event object by using the JavaScript method createEventObject(). As well as we can fire this event with the html button by using the method fireEvent().

 

 

 

 

Syntax:

   documentObject.createEventObject();

Description of code:

When we click on the button "Generate Event Object" then it calls the function "first()" which creates an event object and calls the fireEvent() method with the argument value "onclick" and the created event object, it calls the alert() method with the message "Welcome to RoseIndia !" and when user clicks on the "Direct Event" button it calls the alert() method directly.

createEventObjectExample.html

<html>
<body>
<script language="JavaScript">
function first() {
var event = document.createEventObject();
parent.document.getElementById("button").fireEvent("onclick", event);
event.cancelBubble = true; 

function second() {
alert('Welcome to RoseIndia !');
}
</script>

<div style="background: #cf2255; width:'100%';" align="center">
<font color="#ffffcc" size="12pt"><b>Create Event Object Example</b></font></div>
<p> &nbsp; </p>
<center>
<button onclick="first();">Generate Event Object</button>
<button id="button" onclick="second();">Direct Event</button>
</center>
</body>
</html>

Output:

When you will click on the "Generate Event Object" it calls the generated event and then it fires that event which will show an alert message "Welcome to RoseIndia !"

Download Source Code

     

Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: January 29, 2009

Related Tutorials

Discuss: JavaScript createEventObject method  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:1
Bogdan
June 22, 2012
First utile script

This is first utile script for event firing. Thanx for sharing
DMCA.com