ベストアンサー

JavaScript Eventのタイミング

2009/11/02 00:37

Eventの挙動を学ぶために、簡単なスクリプトを作成しました。テキストボックスに文字列を入れて、Submitボタンを押すと、テキストボックスの下に(innerHTMLで)入力文字が表示され、ボタン自体も入力文字になるというものです。しかし、テキストに文字を入力し、Submitを押してもボタン・innerHTMLともに文字は変化しません。このままリロードをすると変化します。挙動からして、マウスクリック自体は反応していないが、リロードによりイベントハンドラが動作しているように見受けられます。イベントハンドラはonclickに代入しているためなぜこのようになるのかわかりません。できるだけ、JavascriptとHTMLを分離したく外だしのファイルで実現したいと思っています。考え方、(比較的平易な)参考資料などありましたら教えていただけないでしょうか？ HTMLで<body onload="init()">として、JavaScriptでは以下のように記述しています。 function init(){ document.getElementById("button").click = change(); } function change(){ keyword = document.getElementById("keyword").value; document.getElementById("input").innerHTML = keyword; document.getElementById("button").value = keyword; }

sarusearch
お礼率72% (103/142)

JavaScript
回答数2
ありがとう数3

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yambejp
ベストアンサー率51% (3827/7415)

2009/11/02 09:51 回答No.2

>document.getElementById("button").click = change(); というのはchange()の戻り値をオブジェクトのclickプロパティ（もしくはメソッド）に代入しています。とりあえず動かすには以下のいずれかがよろしいのでは document.getElementById("button").click = change; or document.getElementById("button").click = function(){change()};

質問者