Calling events:
Event Object
What is an event object? Events on the triggered dom will generate an event object event. For example, when the mouse clicks, you will generate the type of click and the element you need to send it.
The dom event object type attribute is used to obtain the event object, the target attribute is used to obtain the event target, the stopPropagation() method prevents the event from bubbled. The default behavior of preventDefault blocks the event.
The event object type attribute in IE is used to obtain the event object, and the srcElement attribute is used to obtain the event target cancelBubble attribute is used to prevent event bubbles Set to true to indicate that it is blocked false means that it does not block.
The default behavior of the returnValue property to block events is set to false to indicate blocking.
The code copy is as follows:
// Compatible with cross-browser event processing of each browser--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var EventHandle = {
// element : element, type: click event, handle: implemented method
//Add handle
addEventHandle: function (element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);//---false //Represents bubble dom2 level
}
else if (element.attachEvent) {
element.attachEvent("on"+type, handler);
} else {
element["on" + type] = handler;
}
},
//Delete handle event handling does not work
removeEventHandle: function (element, type, handler) {
if (element.removeEventListener) { // Support dom2-level event processing type is onclick
element.removeEventListener(type, handler, false); //---false //represents bubble
}
else if (element.detachEvent) {
element.detachEvent("on"+type, handler); //Support IE
} else {
element["on" + type] = null;// dom0 level event handles traditional click events
}
},
//Get all objects that are compatible with the browser
getEvent: function (event) {
return event ? event : window.event; //What is needed in the lower version of IE browser is window.event
},
//Is it a click or a mouse to move the event type
getType:function(event){
return event.type;
},
//Get the current element
getElement: function (event) {
return event.target || event.srcElement;
},
//The default behavior of blocking events
: function (event) {
if (event.preventDefault) {
event.preventDefault();
}
else {
event.returnValue = false;
}
},
//Stop the bubbling of events
stopPropagation: function (event) {
if (event.stopPropagation) {
event.stopPropagation();
}
else {
event.cancelBubble = true;
}
}
}