javascript および prototype.js について理解が中途半端なのですが、Event.observe() の 'click' 指定で、関数に引数を渡すにはどうしたらよいでしょうか？そんなことできないのでしょうか？どういうことかといいますと、まず次のようなプログラムは動かすことが出来ました。 test page function myfunc(){ return confirm('exe ?'); } Event.observe($('b1'), 'click', myfunc, false); ------------------------------------- なのですが、この myfunc()関数に引数を与えれたらよいな、と思いまして、 test page function myfunc(a){ alert(a); return confirm('exe ?'); } Event.observe($('b1'), 'click', myfunc(3), false); のようにしてみましたが、これは意図通り動かず、何故か画面をロードした時に、myfunc()関数も呼ばれているようです。何分理解が中途半端なので、わたしがよく分かっていないことがあるのだと思いますが、どなたかご教授していただけたら嬉しいです。よろしくお願い致します。

Event.observe について教えてください。

解決済

質問者：inoue-a
質問日時：2008/07/17 16:46
回答数：1件

javascript および prototype.js について理解が中途半端なのですが、Event.observe() の 'click' 指定で、関数に引数を渡すにはどうしたらよいでしょうか？そんなことできないのでしょうか？

どういうことかといいますと、まず次のようなプログラムは動かすことが出来ました。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<script src="prototype.js" type="text/javascript"></script>
</head>
<body>
test page
<form name="form1">
<input type="button" name="exe" value="実行" id="b1" >
</form>
</body>
</html>

<script type="text/javascript">
function myfunc(){
return confirm('exe ?');
}
Event.observe($('b1'), 'click', myfunc, false);
</script>
-------------------------------------
なのですが、この myfunc()関数に引数を与えれたらよいな、と思いまして、
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<script src="prototype.js" type="text/javascript"></script>
</head>
<body>
test page
<form name="form1">
<input type="button" name="exe" value="実行" id="b1" >
</form>
</body>
</html>

<script type="text/javascript">
function myfunc(a){
alert(a);
return confirm('exe ?');
}
Event.observe($('b1'), 'click', myfunc(3), false);
</script>

のようにしてみましたが、これは意図通り動かず、何故か画面をロードした時に、myfunc()関数も呼ばれているようです。

何分理解が中途半端なので、わたしがよく分かっていないことがあるのだと思いますが、どなたかご教授していただけたら嬉しいです。よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： himajin100000
回答日時：2008/07/17 23:49

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Q4183818 TestCase 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="prototype-1.6.0.2.js" ></script>
<script type="text/javascript">
//<![CDATA[
function myfunc(a){
alert(a);
return confirm('exe ?');
}
function init(){
Event.observe($('b1'), 'click', function(e){myfunc(3);}, false);
}
//]]>
</script></head>
<body onload="init();">
<p><input type="button" id="b1" value="実行" /></p>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。できました！
関数登録するとき（Event.observe()の第３引数）に、
無名関数で１回かますのがポイントですね。
そのときの　e とは何ぞや？という疑問もあったりしますが、
勉強してみます。JavaScriptは奥が深いですね。
ご教授ありがとうございました。大変助かりました！
それからonload のときに、init()関数で登録しておくのも
ちゃんとしてる感じでポイントすね！

通報する

お礼日時：2008/07/18 10:52

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！