General AddEventListener Method

Suppose we need to add a click event handler for a <a id= "Aele" href= "http://www.baidu.com"/>, which is generally the case:

var Aele = document.getElementById (' Aele '); Aele.addeventlistener (' Click ', Function (e) {    console.log (e.target);    E.preventdefault ();});

If we use jquery, we can make it easier:

$ (' #aEle '). Click (function (e) {    console.log (e.target);    E.preventdefault ();});

However, the above two code is invalid in the version of IE browser IE8 and below.

In IE8 and the following IE browser, we must use E.srcelement to replace the e.target, there is no Preventdefault method, we can only set E.returnvalue=false to achieve the same purpose. The following is a common method of handling:

var Aele = document.getElementById (' Aele '); AddEventListener (Aele, ' click ', Function (e) {console.log (e); E.preventdefault ();}); function AddEventListener (Element,event,handler) {if (Element.addeventlistener) {Element.addeventlistener (event, handler);} else if (element.attachevent) {element.attachevent (' on ' +event, function (e) {e.preventdefault = function () { E.returnvalue = false;}; Handler.call (element, e);});}

General AddEventListener Method