Как на javascript js перехватить нажатие кнопки button в форме form

Джаваскрипт позволяет перехватить нажатие кнопки button в форме и выполнить какое-то действие после этого.

Например нарисуем квадрат, после того как пользователь в форме нажал button.

<form>
<select id="backgroundColor">
<option value="white" selected="selected">White</option>
<option value="black">Black</option>
</select>
<input type="button" id="previewButton" value="Preview">
</form>

И js код которые перехватывает нажатие кнопки и рисует например квадрат используя canvas:

window.onload = function() {
	var btn = document.getElementById ("previewButton");
	btn.onclick = handleButton;
}
function handleButton () {
// создаем новый элемент canvas 
	var canvas = document.createElement ("CANVAS");
	canvas.setAttribute ("id", "draw");	
// ищем место в теге body куда его добавим
	var main = document.getElementsByTagName ("body")[0];
	main.appendChild (canvas);
// по протоколу добавляем квадрат используя контекс
	var context = canvas.getContext ("2d");
	context.fillRect (10,10,55,55);
}

Теперь после нажатия кнопки у нас появится рисунок и пользователь поймет, что кнопка была нажата. Таким же образом можно вместо рисунка загрузить движущуюся картинку gif или нарисовать что-то движущее, чтобы пользователь понимал что его действие обрабатывается.