javascript のカスタム イベントで呼び出された場合thing.addEventListener(...)
、コードを実行してトリガーを設定する方法はありますか? 次に例を示します。
var bong = new CustomEvent("bong");
element1.addEventListener('bong', (e) => console.log(`${e.target.id} bonged`));
bong
今、要素に特定のことが起こるたびにトリガーされたいと思っています。たとえば、mousedown
と としmouseup
ます。私は書くことができます:
var bong = new CustomEvent("bong");
function setBongTriggers(element) {
element.addEventListener('mousedown', (e) => e.target.dispatchEvent(bong));
element.addEventListener('mouseup', (e) => e.target.dispatchEvent(bong));
}
element1.addEventListener('bong', (e) => console.log(`${e.target.id} bonged`));
setBongTriggers(element);
しかし、私は多くの要素に対してこれを行う必要がありsetBongTriggers
、すべてを呼び出す必要はありません。addEventListener
トリガーを設定する方法はありませんか?