JavaScript event handlers

One, HTML event handlers

Scope is the scope where the element resides

function ShowMessage () {

Alert ("ShowMessage");

}

<input type= "Text" value= "click" onclick= "Alert (' click ')" >

<input type= "Text" value= "click" onclick= "ShowMessage ()" >

Second, DOM0 level event processing program

Scope is the scope where the element resides

var btn = document.getElementById ("btn");

Btn.onclock = function () {

Alert ("click");

}

Delete Event

Btn.onclick = null;

Third, DOM2 level event processing program

Scope is the scope where the element resides

function cm () {

alert (this.id);

}

var btn = document.getElementById ("btn");

Btn.addeventlistenser ("click", Cm,false);

removing events

Btn.removeeventlistener ("click", Cm,false);//The anonymous function cannot be deleted because the parameter passed in at the time of removal must be the same as the parameter passed in when it was added

Four, IE event processing program

Scope is global scope

var btn = document.getElementById ("btn");

Btn.attachevent ("onclick", function () {

Alert ("click");

});

Delete Event

Btn.removeeventlistener ()///The anonymous function cannot be deleted because the parameter passed in at the time of removal must be the same as the parameter passed in when it was added

JavaScript event handlers