Question

So I want an element i.e: <a id="target">click me</a> to perform a JavaScript function i.e:
functionName();
I want to avoid using the “on” attributes i.e: onclick="".
By cross-browser I mean the A-grade browser compatibility list from YUI

Answer 1

var el = document.getElementById("target");
var old = el.onclick;
el.onclick = function() {
  if(old) old();
  functionName();
  // if you want to prevent default action
  // return false; 
};​

For a more robust solution, see: Dean Edward’s addEvent.