jquery event propagation test

by fschwiet

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<a href="javascript:void">click me</a>

<span></span>

JavaScript

function log(message) {
    $("span").append($("<p>" + message + "</p>"));
}

$("a").click(function() { 
    log("first");
    return false;
});

$("a").click(function(e) { 
    e.stopPropagation();
    e.stopImmediatePropagation();
    e.preventDefault();
    log("second");
});

$("a").click(function() { 
    log("third");
});