javascript - 单行辅助函数上是否可以有或是否有 Javascript addEventListener 多个参数？

Question

是否可以或已经有什么东西可以让我为不同的元素添加具有多种功能的多个事件监听器……在一行中？也许一个例子可以帮助我解释......

我在我的代码中遇到过这样的情况:

inputUrl.addEventListener ('keydown', saveOptions);
inputUrl.addEventListener ('keydown', resizeInput);

inputUrl.addEventListener ('keyup', saveOptions);
inputUrl.addEventListener ('keyup', resizeInput);

inputUrl.addEventListener ('click', saveOptions);
inputUrl.addEventListener ('click', resizeInput);

inputDirectory.addEventListener ('keydown', saveOptions);
inputDirectory.addEventListener ('keydown', resizeInput);

inputDirectory.addEventListener ('keyup', saveOptions);
inputDirectory.addEventListener ('keyup', resizeInput);

inputDirectory.addEventListener ('click', saveOptions);
inputDirectory.addEventListener ('click', resizeInput);

似乎在此过程中有一些东西来缩短代码可能会非常好!

makeEvents("inputUrl,inputDirectory|saveOptions,resizeInput|keydown,keyup,click")

我希望这是有道理的。有任何想法吗？如果这样的事情已经存在，我想知道。否则，也许我可以制作一个辅助函数(称为 makeEvents 或其他东西)来拆分字符串，然后为每个元素、每个函数附加每个事件？

我知道我现有的代码逻辑目前并不完全合理，但我主要好奇这是否可以轻松完成或是否已经存在。

Answer 1

尝试以下操作:

inputUrl.addEventListener ('keyup', function() { saveOptions(); resizeInput(); });

这样 'keyup' 事件将调用这两个函数，您可以更好地控制它们的调用顺序。