Native js event proxy method

[Html] view plaincopy <div id = "gaga"> <a href = "#" gaga = "xixi"> 1 </a> <a href = "#"> 10 </a> <a href = "#"> 100 </a> <a href = "#"> 1000 </a> <a href = "#"> 10000 </a> <a href = "#"> 100000 </a> <a href = "#"> 1000000 </a> <a href = "#"> 10000000 </ <a href = "#"> 100000000 </a> <a href = "#"> 1000000000 </a> <a href = "#"> 10000000000 </> <a href = "#"> 100000000000 </a> </div> <script> var gaga = document. getElementById ("gaga"); gaga. o Nclick = function (e) {var e = e | window. event; var Target = e. srcElement | e.tar get; // srcElement this only supports firefox alert (Target. tagName); if (Target. tagName. toUpperCase () = "A") {alert (Target. innerHTML) ;}; return false; // prevent redirection}; </script> This feature eliminates the need to bind an onclick event to each a link, reducing memory leakage, improves performance and reduces the risk of browser crashes. But not all events can bubble up. Blur, focus, load, and unload cannot bubble like other events. In fact, blur and focus can be obtained by event capture rather than event bubbling (in browsers other than IE ). Note some points when managing mouse events. If your code processes the mousemove event, you may encounter a high performance bottleneck, because the mousemove event is triggered very frequently. Mouseout is difficult to manage by event proxy because of its weird performance.