Look at the following case, not original,
<!doctype html>Div {width:60px; height:60px; margin:5px ;float: Left;} </style> <title> Event Delegation </title>//General Wording(function() { varresources = document.getElementById (' Resources ')); varLinks = resources.getelementsbytagname (' A '); varall =links.length; for(vari = 0; i < All; i++) { //Loop BindingLinks[i].addeventlistener (' Click ', Handler,false); }; functionHandler (e) {varx =E.target; Alert (' AddEventListener binding: ' +x); E.preventdefault (); };}) ();//Event Delegate(function() { varresources = document.getElementById (' Resources ')); //Binding Parent ElementResources.addeventlistener (' Click ', Handler,false); functionHandler (e) {varx =E.target; if(x.nodename.tolowercase () = = = ' A ') {alert (' Event delegate: ' +x); E.preventdefault (); } };}) ();</script></body>Normal event binding and event delegate binding
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
