JavaScript event registering without using jQuery

Question

How to correctly do something like the following without using jQuery.

   $(document).ready(function(){
      $(\"#someButton\").click(function(){
        al         


        

Answer 1

This answer isn't so simple without jQuery, because there are two major styles (depending on which browser you are using) for hooking up events. If you don't use one of those two styles, then your events can overwrite each other. Here's the simpler/overwriting style:

window.onload = function() {
    document.getElementById("someButton").onclick = function() {
        alert("Hello");
    }
}

But if you try and to the above twice, you'll only get one alert, because the second time will overwrite the first one. Alternatively you can do some browser/feature detection and then use the specific event mechanisms for specific browsers; for more info on that style check out QuirksMode.com:

http://www.quirksmode.org/js/events_advanced.html