凄く初歩的なことになるのですが、addEventListener間で変数を渡したいです。

Question

前提・実現したいこと

凄く初歩的なことになるのですが、addEventListener間で変数を渡したいです。

発生している問題・エラーメッセージ

１つ目のaddEventListenerで取得した変数を２つ目のaddEventListenerで使いたい。

該当のソースコード

        this.addEventListener("click", event => {
            var value = event.hoge;
        });

        this.addEventListener("mousedown", event => {
            var value2 = event.hoge;
            console.log(value);
        });

試したこと

• valueを変数宣言せずに、グローバル変数として渡そうとしたがエラー発生

value = event.hoge;

• エラーコメント

Uncaught ReferenceError: value is not defined

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[x_x]

そもそも mousedown が click よりも先なので設計を見直したほうがいいかもしれません。

[yambejp]

イベントのhogeだと何を取りたいかわかりませんね
実際に取れる値を例示したほうがよいでしょう
thisも唐突にだされてもブレがおおきくなるだけです

Answer 1

「グローバル」でしたら外で宣言しては。

let value;

this.addEventListener("click", event => {
    value = event.hoge;
});

this.addEventListener("mousedown", event => {
    var value2 = event.hoge;
    console.log(value);
});

Comments

[m.ts10806]

熱心なアンチに追われてる気がする。あまりにもコメントのない低評価がつきすぎる。同じ人かな。前にもあったけど。

[teratail4]

なるほど！
ありがとうございます、助かりました。

Answer 2

this.click_value = event.hoge;
とか
this.mouse_value = event.hoge;
とか、インスタンス(this)に代入する手もありかな？
既存変数を指定すると変になるけど。

Comments

[miyabi_pudding]

質問者さんのコードはアロー関数の中で、引数を変数に入れようとしてるので、thisが変わるので、質問者さんの意図通りにならないかと。
いや、windowに入る形になるからいいかもですね。

[thyda.eiqau]

thisは多分Elementなのでしょうけど、何なのかよくわからないので、 event.currentTarget.dataset.click_value とかのほうが意図がブレない気がします