DOM události: prostřední fáze

by Ondřej Žára

HTML

<body>
    <p>click me</p>
</body>

JavaScript

document.querySelector("p").addEventListener("click", function(e) {
    alert("bubble posluchac na odstavci");
}, false);

document.querySelector("body").addEventListener("click", function(e) {
    alert("bubble posluchac na body");
}, false);

document.querySelector("p").addEventListener("click", function(e) {
    alert("capture posluchac na odstavci");
}, true);

document.querySelector("body").addEventListener("click", function(e) {
    alert("capture posluchac na body");
}, true);