0

以下の様なコードで関数の戻り値を受け取ることが出来ません。イベントが発生したら関数を実行して戻り値を受け取りたいのですが、戻り値を受け取る方法が思い着きません。素人なので、発想自体が間違ってかもしれないです。ご教授お願いします。

<script>
function test(e){
    var hoge = 1;
    return 1;
}
document.addEventListener(‘change’,test,false);
</script>

2 件の回答 2

1

残念ながら、おっしゃる通り、発想自体が間違っています。addEventListenerで指定した関数から戻り値を受け取ることはできません。
addEventListenerに指定した関数で戻り値を返す代わりに、その場で(今の例だとtest内で)値を使用して処理を行ってしまう必要があります。

どうすればいいか分からない場合、もっと具体的な状況を質問していただければ解決策が回答されるかもしれません。

1
  • 受け取った変数を上手く使いまわしたかったのですが、別の方法でやってみることにします。ありがとうございました。
    – Sogeking
    Commented 2019年1月14日 5:47
1

listener関数は非同期関数なので、return 文を使っても返り値を受け取れません。
JavaScriptでは非同期処理の完了はコールバック関数で受け取る必要があります。

'use strict';
function handleChange (event) {
  foo(event.target.value);
}

function foo (v) {
  console.log(v);
}

document.addEventListener('change', handleChange, false);
<select><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select>

Re: Sogeking さん

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。