javascript - Javascript の複数のイベントリスナー

Question

同じ初期化で複数のイベントリスナーを追加する方法は?

例えば：

<input type="text" id="text">
<button id="button_click">Search</button>

JavaScript:

var myElement = document.getElementById('button_click');
myElement.addEventListener('click', myFunc());

これは正しく機能していますが、可能であれば、この入力用の別のイベントリスナーを同じ呼び出しに入れたいので、ユーザーがEnterをクリックするかボタンを押すと、同じイベントリスナーがトリガーされます。

1つだけ注意してください。「入力」イベントをトリガーするには、ユーザーは入力フィールドに集中する必要があります。

score 0 · Accepted Answer

これを行う最善の方法は、for ループを使用することだと思います。

const events = ["click", "mouseover"]
for (i in events) {
   document.getElementById("button_click").addEventListener(events[i], () => myFunc())
}

上記のコードは、配列内のすべてのイベントをループし、ボタンに追加します。

javascript - Javascript の複数のイベント リスナー