MozillaIn
How to use AddEventListener:
Target.addeventlistener (type, listener, usecapture);
Target: Documentation node, document, window, or XMLHttpRequest.
Type: String, event name, without "on", such as "click", "MouseOver", "KeyDown" and so on.
Listener: Implements a EventListener interface or a function in JavaScript.
Usecapture: Whether to use snapping, generally with false. For example: document.getElementById ("Testtext"). AddEventListener ("KeyDown", function (event) {alert (event.keycode);}, False );
This involves the concept of "event flow". Listeners have three stages in listening: The capture phase, the target stage, and the bubbling phase. The order is: the capture phase (the root node to the child node checks whether the listener function is invoked) → The target phase (the target itself) → bubbling phase (the target itself to the root node). The parameters here determine whether the listener runs in the capture phase, the target phase, or the bubbling phase. If Usecapture is set to true, the listener handles events only during the capture phase, not in the target or bubbling phase. If Usecapture is false, the listener handles events only during the target or bubbling phase. To listen for events at all three stages, call two times AddEventListener, set Usecapture to True at one time, and set Usecapture to false the second time
IEIn
Target.attachevent (type, listener);
Target: Documentation node, document, window, or XMLHttpRequest.
Type: String, event name, including "on", such as "onclick", "onmouseover", "onkeydown" and so on.
Listener: Implements a EventListener interface or a function in JavaScript. For example: document.getElementById ("TXT"). attachevent ("onclick", function (event) {alert (event.keycode);}); ================================== the principle of the use of both: the execution of the priority is different, the following examples are explained below:
The Attachevent method, which attaches additional processing events to an event. (Mozilla series not supported)
AddEventListener Method for Mozilla series
Example: document.getElementById ("btn"). onclick = method1;
document.getElementById ("btn"). onclick = Method2;
document.getElementById ("btn"). onclick = method3; If this is the case, then only MEDHOT3 will be executed.
Written like this:
var btn1obj = document.getElementById ("btn1"); Object.attachevent (event,function);
Btn1obj.attachevent ("onclick", method1);
Btn1obj.attachevent ("onclick", method2);
Btn1obj.attachevent ("onclick", method3); execution order is method3->method2->method1 from: http://www.jb51.net/article/18220.htm
Event binding, unblocking, and listening
