Differences between addevent () and addeventlistner ()

// Bind events

Function addevent (El, name, FN ){

If (El. addeventlistener) return El. addeventlistener (name, FN, false); // this sentence will be executed in Firefox.
Return El. attachevent ('on' + name, FN); // execute this sentence in IE

}

The attachevent method attaches other processing events to an event. (Mozilla series not supported)

The addeventlistener method is used in the Mozilla series.

Example:

Document. getelementbyid ("BTN"). onclick = Method1;
Document. getelementbyid ("BTN"). onclick = method2;
Document. getelementbyid ("BTN"). onclick = method3;

If this is the case, only medhot3 will be executed.

Written as follows: var btn1obj = Document. getelementbyid ("btn1 ");
// Object. attachevent (event, function );
Btn1obj. attachevent ("onclick", Method1 );
Btn1obj. attachevent ("onclick", method2 );
Btn1obj. attachevent ("onclick", method3 );

The execution sequence is method3-> method2-> Method1

If the Mozilla series does not support this method, you need to use addeventlistener.

VaR btn1obj = Document. getelementbyid ("btn1 ");
// Element. addeventlistener (type, listener, usecapture );
Btn1obj. addeventlistener ("click", Method1, false );
Btn1obj. addeventlistener ("click", method2, false );
Btn1obj. addeventlistener ("click", method3, false );

The execution sequence is Method1-> method2-> method3