tildeling af events

Hej

Jeg har en side der består af 3 dele en header en side og en footer.
Jeg skal implementere en timer der skal løbe ud, hvis der ikke er noget aktivitet på siden.
Ret praktisk skal det fungere sådan at når siden hentes (onLoad) skal mit script startes, og ved hvert klik eller tastetryk på siden skal timeren opdateres.

Problemet ligger i at jeg kun har adgang til headeren, hvor body taget tilfældigvis ikke ligger i.

Jeg skal altså smide et funktionskald ind i onLoad, onClick og onKeyUp, eventsne på body tag\'et.

Det kan godt lade sig gøre, problemet er bare at det overskriver det der måske allerede står i body taggets events.

Det jeg har prøvet indtil nu :
<!-- HEADER : START -->
<html>
<head>
<title>TEST</title>
<script>
var count = 0;
function testMe()
{
    count++;
    test.innerText = count;
}

function alertMe()
{
        alert(\"test\");
}

</script>
<script defer>
document.body.onkeyup = alertMe;
eval(\"document.body.onclick = \" + document.body.onclick + \";alertMe;\");
document.body.onload = alertMe;
</script>

<!-- HEADER : SLUT -->
</head>
<body onClick=\"testMe();\">
<div id=\"test\">0</div>
</body>
</html>

Problemet her er at alertMe ikke bliver kaldt på onClick events, mens de andre event tildelinger fungere fint...
Altså hvordan tildeler jeg en event, dynamisk, uden at overskrive de eksisterende ?