Window Browser JavaScript DHTML

/*
JavaScript Bible, Fourth Edition
by Danny Goodman 
John Wiley & Sons CopyRight 2001
*/



function setDocCapture(enable) {
    if (!enable) {
        document.captureEvents(Event.CLICK)
    } else {
        document.releaseEvents(Event.CLICK)
    }
}
function setLayerCapture(enable) {
    if (!enable) {
        document.layer1.captureEvents(Event.CLICK)
    } else {
        document.layer1.releaseEvents(Event.CLICK)
    }
}
function doMainClick(e) {
    if (e.target.type == "button") {
        alert("Captured in top document")
    }
}
document.captureEvents(Event.CLICK)
document.onclick=doMainClick



Document-level and/or Layer-level capture of Event.CLICK



Enable Document Capture
Enable Layer Capture


    onClick="alert('Event finally reached Button:' + this.name)">




function doLayerClick(e) {
    if (e.target.type == "button") {
        alert("Captured in layer1")
    }
}
layer1.captureEvents(Event.CLICK)
layer1.onclick=doLayerClick

 
 
 
 layer1

    NAME="layerButton1" 
    onClick="alert('Event finally reached Button:' + this.name)">

 

    NAME="layerButton2" 
    onClick="alert('Event finally reached Button:' + this.name)">