Bubbling event triggered by a disabled item

Question

Question: should a disconnected element raise an event that will be raised by its parent?

<div id="test">
  <button disabled="disabled">Click me</button>
</div>
<script type="text/javascript">

document.getElementById("test").onclick = function() {
  alert("Clicked!");
};

</script>

All browsers except IE prevent the event from triggering, but IE does not. Is this behavior documented or standardized? Which browser handles the code correctly?

Answer 1

According to http://www.quirksmode.org/js/events_advanced.html I highly recommend using delegation delegation instead of binding .onclick(). Example:

var element = document.getElementById('test'),
    doSomething = function () {
        alert("Clicked!");
    };
if (element.addEventListener) {
    element.addEventListener('click', doSomething, false);
} else if (element.attachEvent) {
    elem.attachEvent('onclick', doSomething);
}

:)