add-multiple-listeners.md

标题	标签
addMultipleListeners(多个事件监听器的添加)	browser,event,intermediate(浏览器，事件，两者之间)

将具有相同处理程序的多个事件侦听器添加到元素中。

• 使用Array.prototype.forEach()和EventTarget.addEventListener()将具有指定回调函数的多个事件侦听器添加到元素。

代码如下:

const addMultipleListeners = (el, eventType, listener, options) =>
  eventType.forEach(type =>
    el?.addEventListener(type, listener, options)
  );

ts代码如下:

调用方式:

addMultipleListeners(
  document.querySelector('.my-element'),
  ['click', 'mousedown'],
  () => {
    console.log('hello!');
  }
);

应用场景

以下是一个实战示例:

结果如下:

<iframe src="codes/javascript/html/add-multiple-listeners.html"></iframe>