Home Javascript JavaScript createEventObject method



JavaScript createEventObject method
Posted on: January 29, 2009 at 12:00 AM
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

     

Related Tags for JavaScript createEventObject method:
javajavascriptcantscriptobjecteventobjectshelpuseripcreateifieaddwithtoposcissieitusepeasntwanosddosjadspecobjsspatanyosseaandwantvascrssriripthavantsctsjendo


More Tutorials from this section

Ask Questions?    Discuss: JavaScript createEventObject method  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.