Javascriptのイベントリスナーについて勉強中です。
下記のソースコードのようにclick_01()、click_02()、click_03()とすると、ボタンを押していないのに「ボタンがクリックされました。」の表示が出てしまいます。なぜでしょうか。
<body>
<input id="Button1" type="button" value="button" />
<input id="Text1" type="text" />
<div id="output"></div>
<script type="text/javascript">
window.onload = function () {
var button = document.getElementById("Button1");
button.addEventListener('click', click_01(), false);
button.addEventListener('click', click_02(), false);
button.addEventListener('click', click_03(), false);
}
function click_01() {
var text = document.getElementById("Text1");
text.value = "ボタンがクリックされました。";
}
function click_02() {
var text = document.getElementById("output");
text.innerHTML = "ボタンがクリックされました。";
}
function click_03() {
window.top.document.title = "ボタンがクリックされました。";
}
</script>
</body>