Head-First-JavaScript-Programming/appendix/listener.html at master · Cnfc/Head-First-JavaScript-Programming

This repository was archived by the owner on Jul 25, 2019. It is now read-only.

40 lines (37 loc) · 879 Bytes

<!doctype html>

<html>

<head>

<title> Handling events in with addEventListener </title>

<style>

span {

cursor: pointer;

}

</style>

window.addEventListener("load", init, false);

function init() {

var div = document.getElementById("clickme");

div.addEventListener("click", handleClick, false);

}

function handleClick(e) {

var target = e.target;;

alert("You clicked on " + target.id);

target.removeEventListener("click", handleClick, false);

}

window.onload = function() {

var div = document.getElementById("clickme");

div.addEventListener("click", handleClick, false);

div.addEventListener("click", handleClickAgain, false);

};

function handleClickAgain() {

alert("Another click handler just executed!");

}

</script>

</head>

<body>

<span id="clickme">Click me!</span>

</body>

</html>

Provide feedback