Javascript-форум - addEventListener

Здравствуйте. Подскажите, пожалуйста как мне правильно выполнить следующий код. Вопрос в том, что я хочу передать ссылку в addEventListener на функцию с параметрами, ну и соотвественно, чтобы она сработала при определенном событии. Но когда я пишу круглые скобки, идет сразу же её вызов. Как мне правильно это оформить? Прилагаю пример кода:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Trigger CSS Transitions to Control Animations</title>
	<style>
		div#box1 {
			background: #9DCEFF;
			width: 400px;
			height: 200px;
		}
	</style>
</head>
<body>
	<button id="button1">Magenta</button>
	<div id="box1">Content in box 1 ...</div>
	
<script src="main.js"></script>
</body>
</html>

function changeBG(el, clr) {
	var elem = document.getElementById(el);
	elem.style.transition = "background 1.0s linear 0s";
	elem.style.background = clr;
}

document.getElementById("button1").addEventListener('click', changeBG("box1", "#F0F"), false);