Create your own event in JavaScript

Description

The following code shows how to create your own event.

Example


<HTML>
<HEAD>
<SCRIPT>
function FormData (name, text1, text2) {
this.name = name;<!--   w  w  w  . j a va 2  s  .co m-->
this.text1 = text1;
this.text2 = text2;
}
FormData.prototype.toString = function () {
return this.name;
}

function on_Same () {
alert("The two values are the same!");
}

function check_Same() {
if (this.text1 == this.text2) {
this.onSame();
}
}

FormData.prototype.checkSame = check_Same;
FormData.prototype.onSame = on_Same;

function createFormData (name, text1, text2) {
var x = new FormData (name, text1, text2);
x.checkSame();
}

</SCRIPT>
</HEAD>
<BODY>
<FORM>
Name your object:<input type=text name="txtName">
Enter first text:<input type=text name="txtFirst">
Enter second text:<input type=text name="txtSecond">
<input type=button value="Do It!"
onClick="createFormData (txtName.value, txtFirst.value, txtSecond.value);">
</FORM>
</BODY>
</HTML>

Click to view the demo

The code above generates the following result.

Create your own event in JavaScript