Order of form events

by bgmort

HTML

<form action="javascript: log('form action');" onclick="javascript: return log('form onclick');" onsubmit="javascript: return log('form onsubmit');" method="get">
 <input type="hidden" name="key" value="value" />
 <input type="submit" onclick="javascript: return log('button onclick');" onsubmit="javascript: return log('button onsubmit');" />
</form>
<div id="log"></div>

JavaScript

function log(text){
    $('#log').append(text + '<br/>');
    return confirm('continue?')
}